Skip to content

Fix nested figure elements in interactive layout atoms#15345

Merged
frederickobrien merged 1 commit intomainfrom
remove-figure-inside-figure-for-interactive-atoms
Mar 20, 2026
Merged

Fix nested figure elements in interactive layout atoms#15345
frederickobrien merged 1 commit intomainfrom
remove-figure-inside-figure-for-interactive-atoms

Conversation

@frederickobrien
Copy link
Copy Markdown
Contributor

@frederickobrien frederickobrien commented Feb 12, 2026

This addresses a longstanding semantic structure issue where interactive atoms are being rendered as <figure> elements within <figure> elements. This tidies that up by removing the inner one, thereby deferring to the universal wrapper set inside renderElement.tsx.

Say goodbye to this:

image

And hello to this:

image

As with all things interactives related there's always a chance of unexpected and horrifying side effects, though looking at several pieces locally with this change applied I'm hopeful this is just a nice little improvement.

@frederickobrien frederickobrien self-assigned this Feb 12, 2026
@frederickobrien frederickobrien added the fix Departmental tracking: fix label Feb 12, 2026
@frederickobrien frederickobrien added this to the Visuals milestone Feb 12, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Feb 12, 2026

@github-actions
Copy link
Copy Markdown

"This PR is stale because it has been open 30 days with no activity. Unless a comment is added or the “stale” label removed, this will be closed in 3 days"

@github-actions github-actions Bot added the Stale label Mar 15, 2026
@frederickobrien frederickobrien force-pushed the remove-figure-inside-figure-for-interactive-atoms branch from 0414cdd to 89e83e5 Compare March 17, 2026 09:50
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Mar 17, 2026

@frederickobrien frederickobrien requested review from a team March 17, 2026 10:22
@frederickobrien frederickobrien marked this pull request as ready for review March 17, 2026 10:23
@github-actions
Copy link
Copy Markdown

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

@frederickobrien frederickobrien force-pushed the remove-figure-inside-figure-for-interactive-atoms branch from 89e83e5 to 6dde55c Compare March 17, 2026 10:23
Copy link
Copy Markdown
Contributor

@RikRootsGuardian RikRootsGuardian left a comment

Choose a reason for hiding this comment

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

So happy that <figure><figure></figure></figure> will no longer haunt our nightmares - though, surprisingly, it's entirely legal HTML!

Approved

Copy link
Copy Markdown
Contributor

@jonathonherbert jonathonherbert left a comment

Choose a reason for hiding this comment

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

Seems reasonable!

@frederickobrien frederickobrien force-pushed the remove-figure-inside-figure-for-interactive-atoms branch from 6dde55c to 3647200 Compare March 20, 2026 10:15
@frederickobrien frederickobrien added the run_chromatic Runs chromatic when label is applied label Mar 20, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Mar 20, 2026
@frederickobrien frederickobrien merged commit 5e85aab into main Mar 20, 2026
31 checks passed
@frederickobrien frederickobrien deleted the remove-figure-inside-figure-for-interactive-atoms branch March 20, 2026 10:21
@gu-prout
Copy link
Copy Markdown

gu-prout Bot commented Mar 20, 2026

Seen on PROD (merged by @frederickobrien 7 minutes and 52 seconds ago) Please check your changes!

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

Labels

fix Departmental tracking: fix Seen-on-PROD

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants