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

"fieldset" check to use the composed tree #425

Closed
WilcoFiers opened this issue Jul 12, 2017 · 1 comment
Closed

"fieldset" check to use the composed tree #425

WilcoFiers opened this issue Jul 12, 2017 · 1 comment
Assignees

Comments

@WilcoFiers
Copy link
Contributor

"fieldset" check to use the composed tree

@dylanb
Copy link
Contributor

dylanb commented Jul 13, 2017

This case needs to be handled

 <div>
            <form>
                <div class="fieldset">
                    <span slot="legend">Shadow DOM fieldset</span>
                    <label>Option 1<input type="radio" value="one" name="group" /></label>
                    <label>Option 2<input type="radio" value="two" name="group" /></label>
                </div>
            </form>
        </div>
        <script>
            function createContentSlotted() {
                var group = document.createElement('fieldset');
                group.innerHTML = '<legend><slot name="legend"></slot></legend><slot></slot>';
                return group;
            }

            function makeShadowTreeSlotted(node) {
                var root = node.attachShadow({mode: 'open'});
                root.appendChild(createContentSlotted());
            }

            document.addEventListener('DOMContentLoaded', function() {
                document.querySelectorAll('.fieldset').forEach(makeShadowTreeSlotted);
            });
        </script>

@WilcoFiers WilcoFiers self-assigned this Jul 17, 2017
mrtnvh pushed a commit to mrtnvh/axe-core that referenced this issue Nov 24, 2023
…/react (dequelabs#425)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants