Over sized SELECT dropdown menu in latest CEF

Hello guys,

Firstly thanks for the latest update - seems really good so far!

I’ve noticed a strange behaviour with select dropdown menu items in the new CEF.

Take a look at the attached images - on the left is the old CEF dropdown, and the second is the new CEF version in ExeOutput:

before-after-select-menu-is

The options are spaced out - as if they have extra padding or a min-height added to them that cannot be removed by regular CSS.

The so-called accessibility “feature” was added in Chrome version 128 as far as I can tell and at the moment it seems there’s no fix - although there is a flag that can be enabled to disable the so-called “feature” that s proving to be a bit of a nightmare for my apps interface.

Expand and read the last post in the thread here: https://www.reddit.com/r/chrome/comments/1f2efj4/dropdown_menu_became_very_long_after_an_update/

Is there any way to add the command line switch to disable the annoyance when compiling apps with the latest CEF in exeOutput?

This is the switch that would apparently fix the issue:
–disable-features=SelectOptionAccessibilityTargetSize

Any clues? - or could we possibly be provided an option to use an earlier build of CEF (version 127 for example) that doesn’t exhibit the problem?

Sure, try to enter:
–disable-features=SelectOptionAccessibilityTargetSize
into this field and build your app again:

Thanks for the quick reply - I tried that yesterday, it doesn’t seem to work?

Could you please post the HTML code for your select box, so that we can try to reproduce the issue ourselves?

The issue affects all dropdown menus, even the most basic like this:

<select>
  <option value="test1">T1</option>
  <option value="test2">T2</option>
  <option value="test3">T3</option>
  <option value="test4">T4</option>
  <option value="test4">T5</option>
</select>

It’s only the dropdown menu itself that’s affected (the options) - the main select box you click to show the dropdown is fine, it stays small.

1 Like

You can play around with this fiddle and you’ll see the issue too:

Just set the font sizes to something really small and you’ll notice regardless what you do, there’s some kind of restriction on the height of the dropdown options - I’ve tried loads of possible CSS hacks, but nothing works, including !important on all the CSS to try to force it.

The height seems to be fixed and cannot be decreased - whereas before it adjusted automatically in proportion to the size of the font.

It’s typical Google up to their old tricks and laying down a law as usual - forcing changes we never asked for or wanted, and removing our ability to control them. I hate Google so much… :hot_face: :joy:

I guess they have no idea CEF is used for desktop apps too, where the same accessibility and security rules need not apply.

1 Like