I want to set the height of the M3 theme dropdowns in my datagrid. Thus I first created a new role called “small-dropdown”, then added this to my theme.css file:
However, after setting that role to the dropdown in my DataRowPanel nothing changes, the dropdowns in the table keep their height as they were. Any ideas what I am missing here?
Oh I miss read your original post. Could you share a clone example of the dropdown in the DataRowPanel? It’s pretty hard to see why it might not be applying without the full context of the DataRow.
It is super simle - I just created one form with one dropdown menu, created a role for dropdown menus and assigned that role to the single dropdown widget I have in this app. Then I have set the height of this role to 5px, as shown above, but the height of the dropdown does not change in the app.
I’ve been playing around with it, and nothing seems to be applying. Checking the Dev console, I’m not even seeing the role added anywhere in any elements class list.
I really don’t understand making the dropdown 5px high, when the text it needs to display is 2-4x that high. What am I missing? Who would be able to read the text?
And like I said, even making the background red didn’t show anything, so I’m still leaning towards this being an M3 bug… but my track record with such bold records isn’t great