CSS Selector on input overrides material ui styles
mithodin opened this issue · comments
Lucas Treffenstädt commented
Describe the bug
The styles for any input element which is a child of a .rg-celleditor
Element get overridden by this rule:
reactgrid/src/cell-templates.scss
Line 21 in 01d72cf
This breaks e.g. the material ui date selector, because
.rg-celleditor input
is more specific than the selectors mui uses to style the input.
Current behavior
reactgrid styles apply to material ui input used within a cell in edit mode.
Expected behavior
reactgrid should only style element it has created itself, by using a class or other appropriate css selector.
Screenshots or gifs
Date Input with overridden styles
Date input when reactgrid's rule is disabled
David commented
Do you have a demo?