Панель расширения с полем ввода текста изменяет цвет задней панели на фокусе ввода - PullRequest
0 голосов
/ 19 апреля 2020

При создании панели расширения с текстовым полем внутри ExpansionPanelSummary цвет фона панели расширения всегда изменяется на # E0E0E0 (серый [500]) при фокусировке ввода текстового поля.

Фокусировка текстового поля изменить цвет фона панели расширения на серый [500] без возможности переопределить цвет (я пробовал все, что знаю). Это также происходит с «темной» темой, которая делает текстовое поле «невидимым» при наборе

CodeSandbox демонстрирует проблему: https://codesandbox.io/s/expansionpanelissue-ysizh

Буду признателен за вашу помощь !

1 Ответ

0 голосов
/ 19 апреля 2020

Добавление !important

  expansionPanel: {
    backgroundColor: "lightblue !important",

решило проблему того, как сохранить expansion panel background color при фокусировке на ребенке <TextField />.


До:

enter image description here

После:

enter image description here

...