Material Design 3 Dropdown menu items truncated on Chrome for Mac OS

Anvil Q&A
2

I found a fix for the dropdown truncation issue in a comment on an SO question about the same problem: html - Dropdown text is truncated on Chrome for Mac - Stack Overflow. This seems to be a recent bug in Chrome for Mac, that can be patched by adding max-width: 800px to the select element in the theme.css file:

.anvil-dropdown select {
  font-size: 16px;
  max-width: 800px;
}
1 Like