Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Safari renders all HTML on top of svg content #49

Open
gilesdring opened this issue Mar 24, 2021 · 7 comments
Open

Safari renders all HTML on top of svg content #49

gilesdring opened this issue Mar 24, 2021 · 7 comments

Comments

@gilesdring
Copy link
Collaborator

No description provided.

@gilesdring
Copy link
Collaborator Author

image

@gilesdring
Copy link
Collaborator Author

Safari is all kinds of broken when mixing SVG and HTML content. https://bugs.webkit.org/show_bug.cgi?id=23113

Seems like this has been going on for a long time (11+ years)

Working on something which makes it more or less work.

@gilesdring
Copy link
Collaborator Author

You can see the issue here. The textarea element is correctly positioned in the virtual DOM (highlight colours), but incorrectly on screen. This is a scaling issue, and gets progressively worse down the screen.

image

gilesdring added a commit that referenced this issue Apr 1, 2021
@gilesdring
Copy link
Collaborator Author

@davetaz This is now fixed on Mobile Safari, but still broken on Desktop Safari. It seems that the whole area of multimedia SVG / HTML rendering is a bit of a bin fire, given the afternoon of research I've just completed on this.

Mobile Safari looks like this

IMG_A2B8152F2E98-1

Desktop Safari looks like this

image

Seems to be a weird issue with constrained height elements and auto scroll behaviour. My favourite test case is this one:

  1. Open up Limitations in data sources on a clean canvas.
  2. Add an item.
  3. Add another item.
  4. Ponder what just happened...

One item

image

Two items

image

@gilesdring
Copy link
Collaborator Author

@davetaz Are you happy to close this issue on this basis? Desktop Safari is probably reliant on a fix from Apple, to be honest. Other than that, we would have to rethink the whole canvas approach, and I think would lose the ability to scale text along with the Canvas.

@davetaz
Copy link
Member

davetaz commented Apr 1, 2021 via email

@gilesdring
Copy link
Collaborator Author

I'll take a look. Just in the middle of an enormous refactor to try to fix the status date updating issue. #38

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants