Update Accessibility for CascadeSelect
parent
e4c5f93743
commit
10e6a902ae
|
@ -65,12 +65,6 @@ const CascadeSelectProps = [
|
||||||
default: "null",
|
default: "null",
|
||||||
description: "Identifier of the underlying input element."
|
description: "Identifier of the underlying input element."
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: "ariaLabelledBy",
|
|
||||||
type: "string",
|
|
||||||
default: "null",
|
|
||||||
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "appendTo",
|
name: "appendTo",
|
||||||
type: "string",
|
type: "string",
|
||||||
|
|
|
@ -74,10 +74,6 @@ export interface CascadeSelectProps {
|
||||||
* Identifier of the underlying input element.
|
* Identifier of the underlying input element.
|
||||||
*/
|
*/
|
||||||
inputId?: string | undefined;
|
inputId?: string | undefined;
|
||||||
/**
|
|
||||||
* Establishes relationships between the component and label(s) where its value should be one or more element IDs.
|
|
||||||
*/
|
|
||||||
ariaLabelledBy?: string | undefined;
|
|
||||||
/**
|
/**
|
||||||
* A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
|
* A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
|
||||||
* @see CascadeSelectAppendToType
|
* @see CascadeSelectAppendToType
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div ref="container" :class="containerClass" @click="onClick($event)">
|
<div ref="container" :class="containerClass" @click="onClick($event)">
|
||||||
<div class="p-hidden-accessible">
|
<div class="p-hidden-accessible">
|
||||||
<input ref="focusInput" role="combobox" type="text" :id="inputId" readonly :disabled="disabled" @focus="onFocus" @blur="onBlur" @keydown="onKeyDown" :tabindex="tabindex"
|
<input ref="focusInput" role="combobox" type="text" :id="inputId" readonly :disabled="disabled" @focus="onFocus" @blur="onBlur" @keydown="onKeyDown" :tabindex="tabindex"
|
||||||
aria-haspopup="listbox" :aria-expanded="overlayVisible" :aria-labelledby="ariaLabelledBy" :aria-controls="listId" v-bind="inputProps" />
|
aria-haspopup="listbox" :aria-expanded="overlayVisible" :aria-controls="listId" v-bind="inputProps" />
|
||||||
</div>
|
</div>
|
||||||
<span :class="labelClass">
|
<span :class="labelClass">
|
||||||
<slot name="value" :value="modelValue" :placeholder="placeholder">
|
<slot name="value" :value="modelValue" :placeholder="placeholder">
|
||||||
|
@ -58,7 +58,6 @@ export default {
|
||||||
dataKey: null,
|
dataKey: null,
|
||||||
inputId: String,
|
inputId: String,
|
||||||
tabindex: String,
|
tabindex: String,
|
||||||
ariaLabelledBy: null,
|
|
||||||
appendTo: {
|
appendTo: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'body'
|
default: 'body'
|
||||||
|
|
|
@ -206,12 +206,6 @@ data() {
|
||||||
<td>null</td>
|
<td>null</td>
|
||||||
<td>Identifier of the underlying input element.</td>
|
<td>Identifier of the underlying input element.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td>ariaLabelledBy</td>
|
|
||||||
<td>string</td>
|
|
||||||
<td>null</td>
|
|
||||||
<td>Establishes relationships between the component and label(s) where its value should be one or more element IDs.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>appendTo</td>
|
<td>appendTo</td>
|
||||||
<td>string</td>
|
<td>string</td>
|
||||||
|
|
Loading…
Reference in New Issue