Странное поведение getBoundingRect() в Firefox

Question

Встретился сегодня с одной странностью (не исключаю собственную криворукость) при использовании getBoundingClientRect. Суть такова: есть код (упрощен для облегчения чтения, однако на результате это никак не сказалось)

let c = document.querySelector('#container');
let b = c.getBoundingClientRect();
console.log(b, c);

body {
	margin: 0;
	box-sizing: border-box;;
}

.container {
	background: aqua;
	height: 400px;
	width: 600px;
	margin: 0 auto;
	
}
.circle {
	background: tomato;
	border-radius: 50%;
	cursor: pointer;
	height: 25px;
	left: 0;
	text-align: center;
	top: 0;
	width: 25px;
}

<body>
	<div class="container" id="container">
		<div class="circle"></div>
	</div>
</body>

При локальном запуске в Firefox координаты сперва показываются верно, но стоит изменить размеры окна, как они тут же сбрасываются и перестают иметь хоть какое-то отношение к элементу. При запуске в Firefox при помощи Live Server (расширение в Visual Studio Code) все работает нормально при любых манипуляциях. При проверке в CodePen и JSBin все работало также хорошо. В Chrome, что при локальном запуске, что через Live Server, координаты выводились верно.

Вот мне и стало интересно, в чем может быть проблема?

БЛОГ НА HUSL

Странное поведение getBoundingRect() в Firefox

Ответы (0 шт):