Skip to content

HTML anatomy of items in the layers list needs refactoring #263

Closed
@Malvoz

Description

@Malvoz

HTML anatomy of a layer item

<fieldset aria-grabbed="false">
    <details class="mapml-control-layers">
        <summary>
            <label>
                <input checked="" type="checkbox" class="leaflet-control-layers-selector" />
                <span style="font-style: normal;"> Canada Base Map - Transportation (CBMT)</span>
            </label>
        </summary>
        <details class="mapml-control-layers">
            <summary>
                <label for="o82">Opacity</label>
            </summary>
            <input id="o82" type="range" min="0" max="1.0" value="1.0" step="0.1" />
        </details>
    </details>
</fieldset>

Nesting interactive elements inside <summary> is problematic:

Refactoring the layer items is not a small task. First we need to decide on a new layout that does not entail nesting interactive elements in <summary>, sigh.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions