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

Fix EmbedLiveSample #36052

Merged
merged 2 commits into from
Sep 25, 2024
Merged

Fix EmbedLiveSample #36052

merged 2 commits into from
Sep 25, 2024

Conversation

bobort
Copy link
Contributor

@bobort bobort commented Sep 25, 2024

Split examples into two live samples for better results windows.

Description

When reviewing the results window, I expected to see the results of the previous block of code. Instead, it shows the results of the previous two blocks of code. I mistakenly thought that the nav element in the prose section was converting the prose into a list and rendering that before the prose was rendered. I would show two results windows--one under each code block. I would split the examples apart.

Removed Results heading to simplify the Examples section. Results of markup are shown under their respective code blocks.

When reviewing the Results window, I expected to see the results of the previous block of code. Instead, it shows the results of the previous two blocks of code. I mistakenly thought that the nav element in the prose section was converting the prose into a list and rendering that before the prose was rendered.

Related issues and pull requests

Fixes #36049

Split examples into two live samples for better results windows.
@bobort bobort requested a review from a team as a code owner September 25, 2024 19:30
@bobort bobort requested review from estelle and removed request for a team September 25, 2024 19:31
@github-actions github-actions bot added Content:HTML Hypertext Markup Language docs size/s [PR only] 6-50 LoC changed labels Sep 25, 2024
Copy link
Contributor

github-actions bot commented Sep 25, 2024

Preview URLs

(comment last updated: 2024-09-25 19:45:34)

@Josh-Cena Josh-Cena changed the title Update index.md Fix EmbedLiveSample Sep 25, 2024
Copy link
Member

@Josh-Cena Josh-Cena left a comment

Choose a reason for hiding this comment

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

This works. Thank you!

@Josh-Cena Josh-Cena merged commit 9f21f16 into mdn:main Sep 25, 2024
8 checks passed
OnkarRuikar pushed a commit to OnkarRuikar/content that referenced this pull request Sep 28, 2024
* Update index.md

Split examples into two live samples for better results windows.

* Apply suggestions from code review

---------

Co-authored-by: Joshua Chen <[email protected]>
fiji-flo pushed a commit that referenced this pull request Oct 2, 2024
* Update index.md

Split examples into two live samples for better results windows.

* Apply suggestions from code review

---------

Co-authored-by: Joshua Chen <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:HTML Hypertext Markup Language docs size/s [PR only] 6-50 LoC changed
Projects
None yet
Development

Successfully merging this pull request may close these issues.

EmbedLiveSample simultaneously displays examples
2 participants