Material UI - Expand Panel не сжимает вышеупомянутый div

Question

Сценарий:

• Я использую буклет и React-таблицу в качестве одного компонента.
• У меня есть два div один под другим.
• Первый раздел - листовка и второй div - это таблица реакции.
• Второй div имеет Расширение Панели внутри панели имеют реактивную таблицу.

Выпуск:

• Проблема здесь, когда я разверните панель так, чтобы она занимала более 100% высоты родителей.
  Это должно уменьшите первый div до 60%, а второй div до 40%, когда я панель.
  

ВЫПУСКА Ожидаемый результат - изображение ниже Запуск кода - редактор

Answer 1

Добавьте минимальную высоту для iframe, как показано ниже. Вы можете добавить минимальную высоту в соответствии с вашими требованиями.

<code><pre>
    iframe{min-height:300px;}