Skip to main content
S
steve23714-Alexandrite
14-Alexandrite
February 4, 2025
Solved

dropdown selected option font

  • February 4, 2025
  • 1 reply
  • 667 views

I'm using version 9.3.9

When I set the Selected Option Text size to greater than 22px, the displayed text is cut off on the top and bottom in runtime:

steve237_0-1738680671475.png

However, in composer, the dropdown box and font will grow appropriately:

steve237_1-1738680770838.png

the same happens in the theme preview mashup.  As I increast the Option Text font size above 22px, the Select... HintText in the Dropdown List gets cropped also.

steve237_2-1738680939520.png

I have tried adjusting every font size in the style theme and even tried the style property overrides for the dropdown widget, but can't find the correct setting to use.

 

Thanks,

Steve

 

Best answer by TL_9220870

Hello Steve,

View in the composer and in the browser are two different worlds.
It will be displayed differently in the browser because the browser settings overwrite it with default.
It is more accurate to display the dropdown line height in the browser. I set it to 18px. I assume something similar with you.

With line-height

TL_9220870_0-1738761752694.png

line-height disabled

TL_9220870_1-1738761793689.png
I don't see what writes to this value in TWX, which is why the browser uses your default here.
Either way, there is a way to influence it in TWX, which I'm not aware of, or you have to look at how you can influence the browser settings.
hope something could help.

1 reply

T
TL_922087012-AmethystAnswer
12-Amethyst
February 5, 2025

Hello Steve,

View in the composer and in the browser are two different worlds.
It will be displayed differently in the browser because the browser settings overwrite it with default.
It is more accurate to display the dropdown line height in the browser. I set it to 18px. I assume something similar with you.

With line-height

TL_9220870_0-1738761752694.png

line-height disabled

TL_9220870_1-1738761793689.png
I don't see what writes to this value in TWX, which is why the browser uses your default here.
Either way, there is a way to influence it in TWX, which I'm not aware of, or you have to look at how you can influence the browser settings.
hope something could help.

S
steve23714-AlexandriteAuthor
14-Alexandrite
February 11, 2025

Thanks for the tip, TL

 

I tried the same mashup on our 9.6.1 environment and it displays full size, as expected.  The line-height element is disabled, just as you suggested it should be.  I tried this on 3 different machines with the same result, so maybe this was a bug fix in 9.6.1?  

 

From our 9.6.1 environment:

steve237_0-1739276649559.png

 

T
TL_922087012-Amethyst
12-Amethyst
February 11, 2025

I'm happy if I could help. It would be nice if this is fixed in the new versions.

Terms & ConditionsCookie settingsAccessibility statement