Странное поведение ширины и высоты прямоугольного элемента только в Chrome - PullRequest
0 голосов
/ 31 января 2020

У меня есть SVG, состоящий только из одного прямоугольника, выступающего в качестве рамки для модального объекта, над которым SVG находится сверху. Я проводил некоторое тестирование и заметил, что прямоугольник был обрезан . Всплывающий инспектор показывает причину: прямоугольный элемент более чем в 10000 раз больше, чем он должен быть , несмотря на то, что ему присваиваются значения ширины и высоты по 100% каждый. А поскольку видовой экран SVG ведет себя так, как ожидалось, он обрезает все остальное.

Повторная проверка переключателей ширины / высоты временно устраняет проблему - возвращаясь к неправильному размеру, когда я обновляю sh страница - предполагая, что проблема не в самих значениях CSS.

Поведение заметно только в Chrome и работает отлично, как и ожидалось в Firefox и Safari. поэтому кажется, что проблема связана с Chrome, но мне хотелось бы получить опыт StackOverflow по этому вопросу, прежде чем делать какие-либо выводы.

1 Ответ

0 голосов
/ 31 января 2020

Оказывается, проблема в том, что я должен передать ширину = 100% и высоту = 100% в прямоугольных подпорках (как я использую React), а не вводить его в CSS, не знаю, почему Chrome имеет другое поведение, хотя.

...