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.

Sign up for GitHub

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

Jump to bottom

[cssom-1] Refactor CSSStyleSheet constructor and replaceSync to allow steps to be referenced from HTML spec #6411

Merged
merged 4 commits into from Jul 7, 2021
Merged

[cssom-1] Refactor CSSStyleSheet constructor and replaceSync to allow steps to be referenced from HTML spec #6411

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ede7e8b
Refactor CSSStyleSheet constructor and replaceSync to allow steps to …
dandclark Jun 25, 2021
4248ac7
Move creation of the CSSStyleSheet back to the constructor.
dandclark Jun 25, 2021
5334c56
Put the creation and initialization of CSSStyleSheet into the same se…
dandclark Jul 6, 2021
486975e
Rename constructor steps to 'create a constructed CSSStyleSheet
dandclark Jul 7, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
37 changes: 21 additions & 16 deletions cssom-1/Overview.bs
View file
Open in desktop
Expand Up @@ -748,21 +748,23 @@ represents a style sheet as defined by the CSS specification. In the CSSOM a
<dl>
<dt><dfn constructor for=CSSStyleSheet>CSSStyleSheet(<var>options</var>)</dfn></dt>
<dd>
When called, execute these steps:
When called, execute the steps to <a>create a constructed CSSStyleSheet</a> given <var>options</var> and return the result.
</dd>

<dt>To <dfn export>create a constructed {{/CSSStyleSheet}}</dfn></dt> given {{CSSStyleSheetInit}} <var>options</var>, run these steps:
<dd>
<ol>
<li>Construct a new {{/CSSStyleSheet}} object <var>sheet</var> with the following properties:
<ul>
<li><a spec=cssom>location</a> set to the <a spec=html>base URL</a> of the <a>associated Document</a> for the <a>current global object</a>.
<li><a>stylesheet base URL</a> set to the {{CSSStyleSheetInit/baseURL}} attribute value from <var>options</var>.
<li>No <a spec=cssom>parent CSS style sheet</a>.
<li>No <a spec=cssom>owner node</a>.
<li>No <a spec=cssom>owner CSS rule</a>.
<li><a spec=cssom>title</a> set to the the empty string.
<li>Unset <a spec=cssom>alternate flag</a>.
<li>Set <a spec=cssom>origin-clean flag</a>.
<li>Set <a>constructed flag</a>.
<li><a>Constructor document</a> set to the <a>associated Document</a> for the <a>current global object</a>.
</ul>
<li>Construct a new {{/CSSStyleSheet}} object <var>sheet</var>.</li>
<li>Set <var>sheet</var>'s <a spec=cssom>location</a> to the <a spec=html>base URL</a> of the <a>associated Document</a> for the <a>current global object</a>.
<li>Set <var>sheet</var>'s <a>stylesheet base URL</a> to the {{CSSStyleSheetInit/baseURL}} attribute value from <var>options</var>.
<li>Set <var>sheet</var>'s <a spec=cssom>parent CSS style sheet</a> to null.
<li>Set <var>sheet</var>'s <a spec=cssom>owner node</a> to null.
<li>Set <var>sheet</var>'s <a spec=cssom>owner CSS rule</a> to null.
<li>Set <var>sheet</var>'s <a spec=cssom>title</a> to the the empty string.
<li>Unset <var>sheet</var>'s <a spec=cssom>alternate flag</a>.
<li>Set <var>sheet</var>'s <a spec=cssom>origin-clean flag</a>.
<li>Set <var>sheet</var>'s <a>constructed flag</a>.
<li>Set <var>sheet</var>'s <a>Constructor document</a> to the <a>associated Document</a> for the <a>current global object</a>.
<li>If the {{CSSStyleSheetInit/media}} attribute of <var>options</var> is a string,
<a>create a MediaList object</a> from the string
and assign it as <var>sheet</var>'s <a spec=cssom>media</a>.
Expand Down Expand Up @@ -1027,14 +1029,17 @@ The <dfn method for=CSSStyleSheet>replace(<a for=CSSRule>text</a>)</dfn> method
<li>Return <var>promise</var>.
</ol>

The <dfn method for=CSSStyleSheet>replaceSync(<a for=CSSRule>text</a>)</dfn> method must run the following steps:
The <dfn method for=CSSStyleSheet>replaceSync(<a for=CSSRule>text</a>)</dfn> method must run the
steps to <a>synchronously replace the rules of a CSSStyleSheet</a> on this {{CSSStyleSheet}} given <var>text</var>.

To <dfn export>synchronously replace the rules of a CSSStyleSheet</dfn> on <var>sheet</var> given <var>text</var>, run these steps:
<ol>
<li>If the <a>constructed flag</a> is not set, or the <a>disallow modification flag</a> is set, throw a {{NotAllowedError}}
{{DOMException}}.
<li>Let <var>rules</var> be the result of running <a>parse a list of rules</a> from <var>text</var>. If <var>rules</var> is
not a list of rules (i.e. an error occurred during parsing), set <var>rules</var> to an empty list.
<li>If <var>rules</var> contains one or more <a>@import</a> rules, <a lt="remove a CSS rule">remove those rules</a> from <var>rules</var>.
<li>Set <a>CSS rules</a> to <var>rules</var>.
<li>Set <var>sheet</var>'s <a>CSS rules</a> to <var>rules</var>.
</ol>

#### Deprecated CSSStyleSheet members #### {#legacy-css-style-sheet-members}
Expand Down