NomNomCameron NomNomCameron - 5 months ago 20
CSS Question

Can't get computed style of position that uses calc() in Safari

With an element that uses

calc()
for positioning (e.g.
div { left: calc(100% - 50px); }
) Safari returns nil for window.getComputedStyle(elem).left

Is there a workaround for this?

Answer

Try using Element.getBoundingClientRect()

var elem = document.querySelector(/* selector */);
var elemPositionLeft = elem.getBoundingClientRect().left;
Comments