ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fixes issue 1483

Browse source 
replaced `getElementById` with `querySelector` so correct element  is also selected when size = inline
This commit is contained in:
Danny Moerkerke 2022-05-03 11:39:36 +02:00
parent b291e60794
commit 23d4d0014d
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
docs/components/select-rich/use-cases.md
View file

@ -188,7 +188,7 @@ export const checkedIndexAndValue = ({ shadowRoot }) => html`
aria-labelledby="label-richSelectCheckedInput" aria-labelledby="label-richSelectCheckedInput"
type="number" type="number"
@change=${e => { @change=${e => {
const selectEl = shadowRoot.getElementById('checkedRichSelect'); const selectEl = shadowRoot.querySelector('#checkedRichSelect');
selectEl.checkedIndex = e.target.value; selectEl.checkedIndex = e.target.value;
}} }}
/> />
@ -196,7 +196,7 @@ export const checkedIndexAndValue = ({ shadowRoot }) => html`
<button <button
class="log-button" class="log-button"
@click=${() => { @click=${() => {
const selectEl = shadowRoot.getElementById('checkedRichSelect'); const selectEl = shadowRoot.querySelector('#checkedRichSelect');
console.log(`checkedIndex: ${selectEl.checkedIndex}`); console.log(`checkedIndex: ${selectEl.checkedIndex}`);
console.log(`checkedValue: ${selectEl.checkedValue}`); console.log(`checkedValue: ${selectEl.checkedValue}`);
}} }}