[🐛 BUG] Selector defaults to occupying the full width

[arcanaxion]

What went wrong? 🤔

Before 4.0, selectors would not occupy the full width unless it had the "fullwidth" stylekit class.

Since 4.0, it occupies the full width by default.

from taipy.gui import Gui
import taipy.gui.builder as tgb

value="Item 2"

with tgb.Page() as page:
    tgb.text("# Selector fullwidth", mode="md")
    tgb.selector("{value}", lov="Item 1;Item 2;Item 3")

if __name__ == "__main__":
    gui = Gui(page=page)
    gui.run(run_browser=False, use_reloader=True)

Screenshots

Browsers

Chrome

OS

Windows, Linux

Version of Taipy

develop

Acceptance Criteria

• A unit test reproducing the bug is added.
• Any new code is covered by a unit tested.
• Check code coverage is at least 90%.
• The bug reporter validated the fix.
• Related issue(s) in taipy-doc are created for documentation and Release Notes are updated.

Code of Conduct

• I have checked the existing issues.
• I am willing to work on this issue (optional)

[xyfer17]

@arcanaxion I would like to pick this issue.

[FlorianJacta]

I think it is intended. What are your thoughts @arcanaxion ?

[arcanaxion]

I think it is intended. What are your thoughts @arcanaxion ?

So I guess from inspect tool the old behavior is that it had max-width: 15rem, which is now 100%. As someone with no affinity for design, I don't like having to explicitly specify a width.

To me, it was good when taipy decided for me that 15rem looks like a pretty good default for a selector. Then I could use stylekit "fullwidth", or god forbid, explicitly specify a width if my text was longer than that.

Also, docs say selector width property has a default of 360px

[FlorianJacta]

I think the doc has an issue. What are your thoughts? @FabienLelaquais @FredLL-Avaiga It was done on purpose, right?

[jrobinAV]

After an internal discussion here is what has been decided.

We believe the 4.0 implementation is the right thing to do. However, we need to update the documentation. We also need to ensure the behavior is consistent across all the visual elements.

[FlorianJacta]

The problem is that it is inconsistent with number and input for example: