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

[ui] Fix asset group outlines not rendering properly in Safari #24882

Merged
merged 1 commit into from
Sep 30, 2024

Conversation

bengotow
Copy link
Collaborator

@bengotow bengotow commented Sep 29, 2024

Summary & Motivation

Fixes FE-570

I'd seen this happen a couple other times -- Safari seems to have an annoying bug where you can't "position" the first DOM node inside a foreignObject. To use things like marginTop / top / inset, etc. we have to have at least one div above the positioned one in the foreignObject.

I created a named wrapper for this case because I think I'm likely to drive-by and remove this wrap layer otherwise :-)

How I Tested These Changes

Tested in Firefox, Chrome and Safari

Before:
image

After:
image

Changelog

Insert changelog entry or "NOCHANGELOG" here.

  • BUGFIX Fixed asset group outlines not rendering properly in Safari

Copy link

github-actions bot commented Sep 29, 2024

Deploy preview for dagit-core-storybook ready!

✅ Preview
https://dagit-core-storybook-ldx6tobwc-elementl.vercel.app
https://bengotow-2024-10-FE-570.core-storybook.dagster-docs.io

Built with commit 7fbc0e8.
This pull request is being automatically deployed with vercel-action

Copy link
Contributor

@salazarm salazarm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice find!

@bengotow bengotow merged commit f12b150 into master Sep 30, 2024
2 checks passed
@bengotow bengotow deleted the bengotow-2024-10/FE-570 branch September 30, 2024 03:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants