search

drawdb-io / drawdb

Free, simple, and intuitive online database design tool and SQL generator.
https://drawdb.vercel.app
MIT License
12.09k stars 855 forks source link

Fix button in note rendering in safari #46

Closed HaecheonLee closed 2 months ago

HaecheonLee commented 2 months ago

Steps to reproduce

  1. Open Safari
  2. Click Try it yourself
  3. Add a note
  4. Hover a note

Expected It should render the button on the right position

Actual It renders the button on the different position

Describe your changes

In Safari, it renders html inside <foreignobject>. Instead of using the position set to absolute, it is wrapped by inside a flexbox. As well, the button's opacity moves to its bakground-color as an alpha value, because transform is not applied to any element with opacity inside <foreignobject>. It's in discussion here

Notes

This fixes one of issue described in #45

vercel[bot] commented 2 months ago

@HaecheonLee is attempting to deploy a commit to the dottle's projects Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
drawdb ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 14, 2024 7:12am