Change 880420 had a related patch set uploaded (by Genoveva Galarza; author: Genoveva Galarza):

[mediawiki/extensions/WikiLambda@master] [WIP] Add width fit-content features to ZObjectSelector and TextInput fields

https://gerrit.wikimedia.org/r/880420

While reviewing, I noticed two things:

1. The dropdown icon in the selector is no longer all the way to the right of the input box, but closer to the middle. [ Key 0 in the example screenshot ]. It feels like it should still be all the way to the right even when not expanded.

2. When the text is quite long, it gets cut off when not expanded. Should we consider adding a "..." or something to indicate there is more text that will be visible when it is expanded? It's also worth noting that, even when expanded, the entire text is not always visible. [ Key 1 in the example screenshot ]

Re 2: I was hoping the text box would open to the next line and make enough space for longer text

Re 1: Ah thanks!! That doesn't happen in my Chrome, but will test in other browsers and see if I can find the reason! (edit: managed to replicate this behavior, thanks! will fix and update)

Re 2: This patch addresses only ZString, ZReference and ZObjectType, I'm not doing any changes on ZMonolingualString as it's being worked on another patch.

Done.

1. This should work now for fields ZString ZReference and ZObjectType. The field should fit the content and expand the way it shows in the following video. I've tried in all my browsers, but let me know if the behavior looks the same:

https://www.loom.com/share/afa581b53ad84f0580d005e137cc4955

2. ZMonolingualString will remain as is until the working patch is landed (to avoid messy rebases)

Change 880420 merged by jenkins-bot:

[mediawiki/extensions/WikiLambda@master] Add width fit-content features to ZObjectSelector and TextInput fields

https://gerrit.wikimedia.org/r/880420