vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #4947 - Calendar PT: mask defect

pull/4954/head
tugcekucukoglu 2023-12-08 15:39:11 +03:00
parent 573e4a0091
commit dba0050194
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/calendar/Calendar.d.ts vendored
View File

@ -326,6 +326,10 @@ export interface CalendarPassThroughOptions {
* Used to pass attributes to the aria year's DOM element.
*/
hiddenYear?: CalendarPassThroughOptionType;
/**
* Used to pass attributes to the datepicker mask's DOM element.
*/
datepickerMask?: CalendarPassThroughOptionType;
/**
* Used to manage all lifecycle hooks.
* @see {@link BaseComponent.ComponentHooks}

12
components/lib/calendar/Calendar.vue
View File

@ -1683,10 +1683,14 @@ export default {
},
enableModality() {
if (!this.mask) {
this.mask = document.createElement('div');
let styleClass = 'p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter';
this.mask = DomHandler.createElement('div', {
'data-pc-section': 'datepickermask',
class: !this.isUnstyled && styleClass,
'p-bind': this.ptm('datepickermask')
});
this.mask.style.zIndex = String(parseInt(this.overlay.style.zIndex, 10) - 1);
this.mask.setAttribute('data-pc-section', 'datepicker-mask');
!this.isUnstyled && DomHandler.addMultipleClasses(this.mask, 'p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay p-component-overlay-enter');
this.maskClickListener = () => {
this.overlayVisible = false;
@ -1722,7 +1726,7 @@ export default {
for (let i = 0; i < bodyChildren.length; i++) {
let bodyChild = bodyChildren[i];
if (DomHandler.isAttributeEquals(bodyChild, 'data-pc-section', 'datepicker-mask')) {
if (DomHandler.isAttributeEquals(bodyChild, 'data-pc-section', 'datepickermask')) {
hasBlockerMasks = true;
break;
}