5

UPDTATE

Since Apple are $2 trillion company let's try and get them to fix this by submitting a bug report here: https://www.apple.com/feedback/safari.html

https://discussions.apple.com/thread/251753724?answerId=253364840022&page=1


In Chrome and Firefox there are no issues but here is the issue in safari:enter image description here

its supposed to look like in chrome:

If I add fixed style="position: fixed" to the outer div then they position correct, but ther size is still the smaller one in safari.

I tried adding Body to the root of an object but that just made them disappear completely from Safari. Also this post mentions it:

Safari is not respecting scaling applied to a foreignObject

You can see very clearly hear that safari (new ie) does not respect the scaling

enter image description here

16
  • Could you please provide a minimum reproducible example for us to test? Could it be related to this bug? Sep 1, 2020 at 19:05
  • not sure if its worth it, I think it's clear from the bug that it's a serious bug, but i will make you one
    – Nikos
    Sep 1, 2020 at 19:48
  • 2
    i want to avoid using js to position stuff, as its a rabbit hole)
    – Nikos
    Sep 1, 2020 at 20:55
  • 2
    see stackoverflow.com/questions/54221528/… - its a bug, and there is no good workaround
    – ccprog
    Sep 2, 2020 at 0:48
  • 1
    @ccprog looks like FO is unusable atm, time to go back to basic svg. Safari the new ie
    – Nikos
    Sep 2, 2020 at 7:48

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.