Add type="button"
parent
18dffa5a89
commit
5244372d72
|
@ -5,7 +5,7 @@
|
|||
</div>
|
||||
<div :class="contentClasses">
|
||||
<div :class="containerClasses">
|
||||
<button :class="['p-carousel-prev p-button', {'p-disabled': backwardIsDisabled}]" :disabled="backwardIsDisabled" @click="navBackward">
|
||||
<button :class="['p-carousel-prev p-button', {'p-disabled': backwardIsDisabled}]" :disabled="backwardIsDisabled" @click="navBackward" type="button">
|
||||
<span :class="['p-carousel-prev-icon pi', {'pi-chevron-left': !isVertical(),'pi-chevron-up': isVertical()}]"></span>
|
||||
</button>
|
||||
|
||||
|
@ -36,13 +36,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<button :class="['p-carousel-next p-button', {'p-disabled': forwardIsDisabled}]" :disabled="forwardIsDisabled" @click="navForward">
|
||||
<button :class="['p-carousel-next p-button', {'p-disabled': forwardIsDisabled}]" :disabled="forwardIsDisabled" @click="navForward" type="button">
|
||||
<span :class="['p-carousel-prev-icon pi', {'pi-chevron-right': !isVertical(),'pi-chevron-down': isVertical()}]"></span>
|
||||
</button>
|
||||
</div>
|
||||
<ul :class="dotsContentClasses">
|
||||
<li v-for="(totalDot, i) of totalDots" :key="'p-carousel-dot-' + i" :class="['p-carousel-dot-item', {'p-highlight': d_page === i}]">
|
||||
<button class="p-link" @click="onDotClick($event, i)">
|
||||
<button class="p-link" @click="onDotClick($event, i)" type="button">
|
||||
<span :class="['p-carousel-dot-icon pi', {'pi-circle-on': d_page === i, 'pi-circle-off': !(d_page === i)}]"></span>
|
||||
</button>
|
||||
</li>
|
||||
|
|
|
@ -15,13 +15,13 @@
|
|||
</button>
|
||||
</template>
|
||||
<template v-else-if="editMode === 'row' && column.rowEditor">
|
||||
<button class="p-row-editor-init p-link" v-if="!d_editing" @click="onRowEditInit">
|
||||
<button class="p-row-editor-init p-link" v-if="!d_editing" @click="onRowEditInit" type="button">
|
||||
<span class="p-row-editor-init-icon pi pi-fw pi-pencil p-clickable"></span>
|
||||
</button>
|
||||
<button class="p-row-editor-save p-link" v-if="d_editing" @click="onRowEditSave">
|
||||
<button class="p-row-editor-save p-link" v-if="d_editing" @click="onRowEditSave" type="button">
|
||||
<span class="p-row-editor-save-icon pi pi-fw pi-check p-clickable"></span>
|
||||
</button>
|
||||
<button class="p-row-editor-cancel p-link" v-if="d_editing" @click="onRowEditCancel">
|
||||
<button class="p-row-editor-cancel p-link" v-if="d_editing" @click="onRowEditCancel" type="button">
|
||||
<span class="p-row-editor-cancel-icon pi pi-fw pi-times p-clickable"></span>
|
||||
</button>
|
||||
</template>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<template v-for="(rowData, index) of value">
|
||||
<tr class="p-rowgroup-header" v-if="rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, index)" :key="getRowKey(rowData, index) + '_subheader'">
|
||||
<td :colspan="columns.length - 1">
|
||||
<button class="p-row-toggler p-link" @click="onRowGroupToggle($event, rowData)" v-if="expandableRowGroups">
|
||||
<button class="p-row-toggler p-link" @click="onRowGroupToggle($event, rowData)" v-if="expandableRowGroups" type="button">
|
||||
<span :class="rowGroupTogglerIcon(rowData)"></span>
|
||||
</button>
|
||||
<DTRowExpansionTemplate :template="templates['groupheader']" :data="rowData" :index="index" />
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
<template>
|
||||
<div class="p-dataview-layout-options p-selectbutton p-buttonset">
|
||||
<button :class="buttonListClass" @click="changeLayout('list')">
|
||||
<button :class="buttonListClass" @click="changeLayout('list')" type="button">
|
||||
<i class="pi pi-bars p-button-icon-left"></i>
|
||||
<span class="p-button-text p-clickable">p-btn</span>
|
||||
</button>
|
||||
<button :class="buttonGridClass" @click="changeLayout('grid')">
|
||||
<button :class="buttonGridClass" @click="changeLayout('grid')" type="button">
|
||||
<i class="pi pi-th-large p-button-icon-left"></i>
|
||||
<span class="p-button-text p-clickable">p-btn</span>
|
||||
</button>
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<span :id="ariaLabelledById" class="p-dialog-title" v-if="header" >{{header}}</span>
|
||||
</slot>
|
||||
<div class="p-dialog-titlebar-icons">
|
||||
<button class="p-dialog-titlebar-icon p-dialog-titlebar-close p-link" @click="close" v-if="closable" :aria-label="ariaCloseLabel">
|
||||
<button class="p-dialog-titlebar-icon p-dialog-titlebar-close p-link" @click="close" v-if="closable" :aria-label="ariaCloseLabel" type="button">
|
||||
<span class="p-dialog-titlebar-close-icon pi pi-times"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
@ -15,17 +15,17 @@
|
|||
</select>
|
||||
</span>
|
||||
<span class="ql-formats">
|
||||
<button class="ql-bold"></button>
|
||||
<button class="ql-italic"></button>
|
||||
<button class="ql-underline"></button>
|
||||
<button class="ql-bold" type="button"></button>
|
||||
<button class="ql-italic" type="button"></button>
|
||||
<button class="ql-underline" type="button"></button>
|
||||
</span>
|
||||
<span class="ql-formats">
|
||||
<select class="ql-color"></select>
|
||||
<select class="ql-background"></select>
|
||||
</span>
|
||||
<span class="ql-formats">
|
||||
<button class="ql-list" value="ordered"></button>
|
||||
<button class="ql-list" value="bullet"></button>
|
||||
<button class="ql-list" value="ordered" type="button"></button>
|
||||
<button class="ql-list" value="bullet" type="button"></button>
|
||||
<select class="ql-align">
|
||||
<option defaultValue></option>
|
||||
<option value="center"></option>
|
||||
|
@ -34,9 +34,9 @@
|
|||
</select>
|
||||
</span>
|
||||
<span class="ql-formats">
|
||||
<button class="ql-link"></button>
|
||||
<button class="ql-image"></button>
|
||||
<button class="ql-code-block"></button>
|
||||
<button class="ql-link" type="button"></button>
|
||||
<button class="ql-image" type="button"></button>
|
||||
<button class="ql-code-block" type="button"></button>
|
||||
</span>
|
||||
<span class="ql-formats">
|
||||
<button class="ql-clean"></button>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<div class="p-messages-text">
|
||||
<slot></slot>
|
||||
</div>
|
||||
<button class="p-messages-close p-link" @click="visible = false" v-if="closable">
|
||||
<button class="p-messages-close p-link" @click="visible = false" v-if="closable" type="button">
|
||||
<i class="p-messages-close-icon pi pi-times"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
<input type="text" v-model="filterValue" class="p-multiselect-filter p-component p-inputtext p-component" :placeholder="filterPlaceholder">
|
||||
<span class="p-multiselect-filter-icon pi pi-search"></span>
|
||||
</div>
|
||||
<button class="p-multiselect-close p-link" @click="onCloseClick">
|
||||
<button class="p-multiselect-close p-link" @click="onCloseClick" type="button">
|
||||
<span class="p-multiselect-close-icon pi pi-times" />
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<div class="p-overlaypanel-content">
|
||||
<slot></slot>
|
||||
</div>
|
||||
<button class="p-overlaypanel-close p-link" @click="hide" v-if="showCloseIcon" :aria-label="ariaCloseLabel">
|
||||
<button class="p-overlaypanel-close p-link" @click="hide" v-if="showCloseIcon" :aria-label="ariaCloseLabel" type="button">
|
||||
<span class="p-overlaypanel-close-icon pi pi-times"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<button :class="containerClass" v-on="$listeners">
|
||||
<button :class="containerClass" v-on="$listeners" type="button">
|
||||
<span class="p-paginator-icon pi pi-step-backward"></span>
|
||||
</button>
|
||||
</template>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<button :class="containerClass" v-on="$listeners">
|
||||
<button :class="containerClass" v-on="$listeners" type="button">
|
||||
<span class="p-paginator-icon pi pi-step-forward"></span>
|
||||
</button>
|
||||
</template>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<button :class="containerClass" v-on="$listeners">
|
||||
<button :class="containerClass" v-on="$listeners" type="button">
|
||||
<span class="p-paginator-icon pi pi-caret-right"></span>
|
||||
</button>
|
||||
</template>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<span class="p-paginator-pages">
|
||||
<button v-for="pageLink of value" :key="pageLink" :class="['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === page)}]"
|
||||
<button v-for="pageLink of value" :key="pageLink" :class="['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === page)}]" type="button"
|
||||
@click="onPageLinkClick($event, pageLink)">{{pageLink}}</button>
|
||||
</span>
|
||||
</template>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<button :class="containerClass" v-on="$listeners">
|
||||
<button :class="containerClass" v-on="$listeners" type="button">
|
||||
<span class="p-paginator-icon pi pi-caret-left"></span>
|
||||
</button>
|
||||
</template>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<transition name="p-sidebar" @enter="onEnter" @leave="onLeave">
|
||||
<div :class="containerClass" v-if="visible" ref="container" role="complementary" :aria-modal="modal">
|
||||
<button class="p-sidebar-close p-link" @click="hide" :aria-label="ariaCloseLabel" v-if="showCloseIcon">
|
||||
<button class="p-sidebar-close p-link" @click="hide" :aria-label="ariaCloseLabel" v-if="showCloseIcon" type="button">
|
||||
<span class="p-sidebar-close-icon pi pi-times" />
|
||||
</button>
|
||||
<slot></slot>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div :class="containerClass">
|
||||
<div class="p-toast-item" role="alert" aria-live="assertive" aria-atomic="true">
|
||||
<button class="p-toast-icon-close p-link" @click="onCloseClick" v-if="message.closable !== false">
|
||||
<button class="p-toast-icon-close p-link" @click="onCloseClick" v-if="message.closable !== false" type="button">
|
||||
<span class="p-toast-icon-close-icon pi pi-times"></span>
|
||||
</button>
|
||||
<span :class="iconClass"></span>
|
||||
|
|
Loading…
Reference in New Issue