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

Video causes horizontal scroll on page #3401

Open
CodingWatchCollector opened this issue Sep 19, 2023 · 4 comments · May be fixed by w3c/wai-website-theme#58
Open

Video causes horizontal scroll on page #3401

CodingWatchCollector opened this issue Sep 19, 2023 · 4 comments · May be fixed by w3c/wai-website-theme#58

Comments

@CodingWatchCollector
Copy link

On a page about reflow success criterion the embedded video example is causing the appearance of horizontal scrolling. Checked on Firefox Nightly 119.0a1 (2023-09-16) (64-bit) and Chrome 116.0.5845.188 (Official Build) (64-bit)

@CodingWatchCollector CodingWatchCollector closed this as not planned Won't fix, can't repro, duplicate, stale Sep 19, 2023
@patrickhlauke patrickhlauke reopened this Sep 19, 2023
@patrickhlauke
Copy link
Member

I assume you closed this accidentally?

In any case, confirming that videos are not restrained in the general stylesheet. Suggest changing

main img {
    max-width: 100%;
}

to also cover video elements

main img, main video {
    max-width: 100%;
}

@alastc
Copy link
Contributor

alastc commented Sep 19, 2023

Arg, I'm sure I'd done this already, it must have been overridden.

@tangway
Copy link

tangway commented Mar 24, 2024

came here to report this ironic problem on the page recommending sucess criterion for reflow.
still encountering this issue on desktop Firefox and Chromium, what are the blocks to resolving this issue?

@patrickhlauke
Copy link
Member

@alastc @iadawn see #3430 (comment)

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