D3 SVG Rect не отображает в Chrome

Question

Я сделал гистограмму с библиотекой d3 (в основном работает и тестировал в Firefox) и позже заметил, что атрибуты fill для svg rect в Chrome не рендерились, поэтому отображались только x и yоси.

то же самое происходит в Safari iOS (я не могу тестировать так же энергично, но проверил, происходит ли это исключительно в Chrome) .

делает кто-нибудьзнаете, почему это так?
намек в правильном направлении все равно будет оценен;
Я у стены.

Вот ручка .

чтобы уточнить:
svg rect в Firefox отображается как задумано.

если это ошибка, вот версия каждого браузера, в котором я запускаю в настоящее время

Answer 1

Ваш * селектор содержит

width: auto;
height: auto;

Каким-то образом это переопределяет ширину и высоту прямоугольных элементов, даже если это не так, поскольку у прямоугольных элементов есть атрибуты ширины и высоты.Удалите эти настройки, и все отобразится правильно.