Fixed #2880 - Password: Unable to add invalid event listener after 3.16
parent
1d952f09cc
commit
133291b6d3
|
@ -2,7 +2,7 @@
|
||||||
<div :class="containerClass">
|
<div :class="containerClass">
|
||||||
<PInputText ref="input" :id="inputId" :type="inputType" :class="inputClass" :style="inputStyle" :value="modelValue" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel"
|
<PInputText ref="input" :id="inputId" :type="inputType" :class="inputClass" :style="inputStyle" :value="modelValue" :aria-labelledby="ariaLabelledby" :aria-label="ariaLabel"
|
||||||
:aria-controls="(panelProps&&panelProps.id)||panelId||panelUniqueId" :aria-expanded="overlayVisible" :aria-haspopup="true" :placeholder="placeholder" :required="required"
|
:aria-controls="(panelProps&&panelProps.id)||panelId||panelUniqueId" :aria-expanded="overlayVisible" :aria-haspopup="true" :placeholder="placeholder" :required="required"
|
||||||
@input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" v-bind="inputProps" />
|
@input="onInput" @focus="onFocus" @blur="onBlur" @keyup="onKeyUp" @invalid="onInvalid" v-bind="inputProps" />
|
||||||
<i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
|
<i v-if="toggleMask" :class="toggleIconClass" @click="onMaskToggle" />
|
||||||
<span class="p-hidden-accessible" aria-live="polite">
|
<span class="p-hidden-accessible" aria-live="polite">
|
||||||
{{infoText}}
|
{{infoText}}
|
||||||
|
@ -32,7 +32,7 @@ import Portal from 'primevue/portal';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Password',
|
name: 'Password',
|
||||||
emits: ['update:modelValue', 'change', 'focus', 'blur'],
|
emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
|
||||||
props: {
|
props: {
|
||||||
modelValue: String,
|
modelValue: String,
|
||||||
promptLabel: {
|
promptLabel: {
|
||||||
|
@ -245,6 +245,9 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onInvalid(event) {
|
||||||
|
this.$emit('invalid', event);
|
||||||
|
},
|
||||||
bindScrollListener() {
|
bindScrollListener() {
|
||||||
if (!this.scrollHandler) {
|
if (!this.scrollHandler) {
|
||||||
this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.input.$el, () => {
|
this.scrollHandler = new ConnectedOverlayScrollHandler(this.$refs.input.$el, () => {
|
||||||
|
|
Loading…
Reference in New Issue