writer / writer-framework

No-code in the front, Python in the back. An open-source framework for creating data apps.
https://dev.writer.com/framework/introduction
Apache License 2.0
1.33k stars 75 forks source link

Multi choice dropdopw choices in a section does not show all options and is cutoff #380

Closed thondeboer closed 3 months ago

thondeboer commented 7 months ago

I created a multichoice dropdown inside a section, but the values are not all showing since it is cropped to fit inside the section.

image

thondeboer commented 7 months ago

Using streamsync 0.4 and firefox as the browser but same issue in chrome.

thondeboer commented 7 months ago

Additionally, I would like it better if the options for the multichoice used the KEYS to show as the labels and the values should be the data to return. This way you can sort the keys since it seems even if I give it a sorted dict, where the VALUES are sorted (since that is what you show) it still seems to revert to sorting on the keys itself.

hallvardnmbu commented 3 months ago

I did a work-around by mocking the "Section" by using a HTML object, and dragging the select-component into it.

Closed Open HTML Element
hallvardnmbu commented 3 months ago

This also hold for Step Container.

madeindjs commented 3 months ago

Helllo guys, I'm working on a potential fix to solve the issue. It just seems a overflow: hidden issue.

I would like it better if the options for the multichoice used the KEYS to show as the labels and the values should be the data to return. This way you can sort the keys since it seems even if I give it a sorted dict, where the VALUES are sorted (since that is what you show) it still seems to revert to sorting on the keys itself.

@thondeboer , Yes, the order of keys are not preserved. I'm affraid we can't use the JSON value as HTML value since it's a breaking change...