mirror of
https://github.com/moodle/moodle.git
synced 2025-01-19 14:27:22 +01:00
b6d733dd4e
The content of the autocomplete selection div is purged by javascript so we have to move its label outside of it. aria-labeledby is the way to go. Each time the suggestion box is expanded, autocomplete js renders the autocomplete suggestions template. So the label cannot be outside the suggestions ul.
43 lines
1.6 KiB
Plaintext
43 lines
1.6 KiB
Plaintext
{{!
|
|
This file is part of Moodle - http://moodle.org/
|
|
|
|
Moodle is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
Moodle is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
|
}}
|
|
{{!
|
|
@template core/form_autocomplete_suggestions
|
|
|
|
Moodle template for the list of valid options in an autocomplate form element.
|
|
|
|
Classes required for JS:
|
|
* none
|
|
|
|
Data attributes required for JS:
|
|
* none
|
|
|
|
Context variables required for this template:
|
|
* suggestionsId The dom id of the current suggestions list.
|
|
* options List of options with label and value fields.
|
|
|
|
Example context (json):
|
|
{ "suggestionsId": 1, "options": [
|
|
{ "label": "Item label with <strong>tags</strong>", "value": "5" },
|
|
{ "label": "Another item label with <strong>tags</strong>", "value": "4" }
|
|
]}
|
|
}}
|
|
<ul class="form-autocomplete-suggestions" id="{{suggestionsId}}" role="listbox" aria-label="{{#str}}suggestions, form{{/str}}" aria-hidden="true" tabindex="-1">
|
|
{{#options}}
|
|
<li role="option" data-value="{{value}}">{{{label}}}</li>
|
|
{{/options}}
|
|
</ul>
|