Re: [csswg-drafts] [fullscreen] Should fullscreen be a modal state? (#7311)

The CSS Working Group just discussed `should :fullscreen be a modal state?`, and agreed to the following:

* `RESOLVED: Fullscreen elements should inert the stuff behind them, and match :modal`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> Topic: should :fullscreen be a modal state?<br>
&lt;TabAtkins> github: https://github.com/w3c/csswg-drafts/issues/7311<br>
&lt;TabAtkins> chrishtr: We introduced :modal, which brought ot our attention that Chrome impl of FullScreen makes it modal (stuff behidn is inert) but other impls don't do that<br>
&lt;ntim> q+<br>
&lt;TabAtkins> chrishtr: Think we should resolve on whethe rfullscreen is modal, which both affects inert and whether :modal applies to it<br>
&lt;TabAtkins> chrishtr: Don't have a strong opinion on how we go<br>
&lt;Rossen_> ack ntim<br>
&lt;TabAtkins> ntim: I think it makes sense to make the stuff behind fullscreen inert<br>
&lt;TabAtkins> ntim: But not sure webdevs would expect :modal pseudoclass tomatch in this case<br>
&lt;TabAtkins> Aka *my exact argument for why we should have named it :modal-dialog*<br>
&lt;TabAtkins> emilio: Unsure what webkit does for fullscreen<br>
&lt;TabAtkins> ntim: webkit's impl is old but if we redid it I'd make it inert<br>
&lt;TabAtkins> emilio: In firefox you can interact with stuff behind it; you can set pointer-events:none and then interact with the page<br>
&lt;TabAtkins> ntim: I don't have strong opinion, but it seems unexpected that you can do that<br>
&lt;TabAtkins> emilio: I don't particularly mind either way, was just pointing out that you can, unless you do the chromium thing of makign the undelrying page inert<br>
&lt;flackr> q+<br>
&lt;TabAtkins> fantasai: This is less of a style question. I think the inertness is less significant<br>
&lt;jensimmons> q=<br>
&lt;jensimmons> q+<br>
&lt;TabAtkins> fantasai: Think we need toudnerstand if there are use-cases for being not inert<br>
&lt;TabAtkins> fantasai: Unsure we're equipped to resolve on this during this call<br>
&lt;TabAtkins> fantasai: probably need info from people authoring fullscreen stuff and see if it's necessary to fullscreen something that doesn't take up the whole screen<br>
&lt;TabAtkins> ntim: This issue aside, it seems unexpected either way for :modal to apply to fullscreen elements, regardless of whether stuff behind is inert<br>
&lt;TabAtkins> ntim: :modal comes from modal dialogs<br>
&lt;TabAtkins> fantasai: They might not, but we decided it means things with modal qualities. Fullscreen might not be first in mind, but if it has those qualities it should match<br>
&lt;flackr> +1<br>
&lt;masonf> +1<br>
&lt;Rossen_> ack flackr<br>
&lt;TabAtkins> flackr: If the content behidn wasn't inert it would be in tab order as well, which could be confusing if you could tab out of the fullscreen element<br>
&lt;TabAtkins> emilio: fair<br>
&lt;TabAtkins> jensimmons: this raises a11y memories, if visually a fullscreen element covers everything, so assumption is the stuff behidn isn't accessible, having it not be inert could make it different for people using other a11y tools<br>
&lt;TabAtkins> jensimmons: I'm wondering what the use-cases would be for making the contents behidn a fullscreen *not* inert<br>
&lt;TabAtkins> jensimmons: Maybe there should be a way to toggle it off, but default should be for inert<br>
&lt;TabAtkins> fantasai: I buy that<br>
&lt;bkardell_> agree<br>
&lt;masonf> +1<br>
&lt;TabAtkins> Rossen_: strong agree<br>
&lt;bramus> +1<br>
&lt;chrishtr> Agree on inert making sense given these arguments<br>
&lt;SebastianZartner> +1 for what jensimmons said.<br>
&lt;TabAtkins> emilio: fair point. Then :modal should apply to fullscreen.<br>
&lt;florian> +1 to Jen<br>
&lt;masonf> q+<br>
&lt;Rossen_> q?<br>
&lt;TabAtkins> fantasai: Right, so decision is whether it's inert, and whether :modal applies is a consequence<br>
&lt;Rossen_> ack jensimmons<br>
&lt;TabAtkins> masonf: Strong agree with points, think fullscreen should inert the rest of the page<br>
&lt;Rossen_> ack masonf<br>
&lt;TabAtkins> masonf: Do we include special provisions for fullscreen escaping that inertness, like dialogs have?<br>
&lt;TabAtkins> masonf: Like if you inert the entire page the fullscreen shoudln't be inert, need provisions for that<br>
&lt;TabAtkins> ntim: That's what fullscreen does<br>
&lt;TabAtkins> masonf: Sure just want to make sure it's captured<br>
&lt;Rossen_> q?<br>
&lt;TabAtkins> Rossen_: additional thoughts or objections?<br>
&lt;TabAtkins> plinss: In conext of dialogs there's clear spec ni html of what puts the dialog into a modal state<br>
&lt;TabAtkins> plinss: in my mind that is what puts into a :modal pseudoclass<br>
&lt;TabAtkins> plinss: think it's important to not just catch things that are modal-ish<br>
&lt;masonf> q+<br>
&lt;TabAtkins> emilio: Yeah fullscreen spec should define the modalness<br>
&lt;masonf> q-<br>
&lt;TabAtkins> plinss: So as long as it's defined that fullscreen puts it into this state just like dialog, unsure that we should just auto-apply it because it resembles modalness<br>
&lt;TabAtkins> Rossen_: so if i understand, fullscreen elements *are* modal from html behavior like dialogs, and rely on same behavior. is that clarification?<br>
&lt;TabAtkins> plinss: I'm saying :modal shoudln't apply unless something is *defined as* "being modal", not just because it's kinda modal-ish in some respects. HTML is very clear about modal, need to respect that.<br>
&lt;TabAtkins> plinss: So if fullscreen uses that same definition it's fine.<br>
&lt;masonf> q+<br>
&lt;ntim> https://html.spec.whatwg.org/multipage/interactive-elements.html#is-modal<br>
&lt;SebastianZartner> Maybe we can at least resolve on fullscreen elements making the reset inert.<br>
&lt;TabAtkins> masonf: +1 to that<br>
&lt;TabAtkins> masonf: Note that HTML doesn't define "being modal", it defines how a dialog become smodal. But that can probably be pulled out into a proper definition.<br>
&lt;TabAtkins> RESOLVED: Fullscreen elements should inert the stuff behind them, and match :modal<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7311#issuecomment-1163385752 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 22 June 2022 17:00:37 UTC