During testing of a section of the app at my workplace, it was discovered that dropdowns and select elements in a specific UI scenario appeared differently on Chrome for Windows and Ubuntu compared to Chrome for macOS.
I attempted to analyze the elements and styles using Chrome dev tools on various operating systems but couldn't identify any discernible differences that could explain why the dropdown functioned as expected in one context and not in another.
I am wondering what might be causing this discrepancy and if there is a way to pinpoint the exact difference in dev tools. Being relatively new to debugging cross-platform styling issues, I'm unsure where to begin other than exploring the styles tab in Chrome dev tools, which hasn't yielded the answers I am seeking.
On macOS:
https://i.sstatic.net/4M7X8.png
On Windows and Ubuntu:
(the screenshot shows that the months appear to be missing, however, they are actually white-on-white, making them invisible unless highlighted):