Hi guys,
I’m new to the community so, hello!
I’ve encountered this weird Select function items bug. The items in the Select menu are fetched from a multi-reference collection. The items do show on most devices except for Mac OS using the Chrome browser. See the screenshot below:
I’m not sure if this is a cms issue coz the filtering works perfectly in most cases. We are still testing this on staging.
Here is my public share link: LINK
(how to access public share link)
There was another post on this in the past few days. What you want to do is test your select content, and the collection-list-generated select on the same devices.
Yes, we did. We were able to isolate the issue. The native select menu works and we settled with manually adding the menu items instead of CMS. It looks like the custom element with a “select” tag is not working with MacOS+Chrome which is unfortunate since it’s the way to achieve automation with CMS.
Without seeing your test, my best guess would be that the problem is related to the DIV wrappers that a collection list generates. Each <option> is likely to be wrapped in a DIV.
However I’m surprised you’re seeing this on Mac Chrome, which should also be using the Blink rendering engine. I’m suspicious it might have something to do with platform-specific CSS then. Perhaps the content is rendering, it’s just getting collapsed visually do to differences in the Mac base stylesheet.
