fix: fix tab issue when used inside ConfirmDialog

mlopezFC · mlopezFC · commit 39ee7b50ad0b · 2021-07-30T08:30:42.000-03:00
Related to vaadin-component-factory/vcf-date-range-picker-flow#19
diff --git a/src/vcf-date-range-picker-mixin.js b/src/vcf-date-range-picker-mixin.js
@@ -1216,7 +1216,7 @@ export const DateRangePickerMixin = (subclass) =>
         }
         break;
       case 'tab':
-        if (document.activeElement === this && this.shadowRoot.activeElement === this._inputStartElement)
+        if (this.shadowRoot.activeElement === this._inputStartElement)
         {
           if (e.shiftKey) {
             this.close();
@@ -1230,7 +1230,7 @@ export const DateRangePickerMixin = (subclass) =>
             this._selectingStartDate=false;
             this._inputEndElement.focus();
           }
-        } else if (document.activeElement === this && this.shadowRoot.activeElement === this._inputEndElement) {
+        } else if (this.shadowRoot.activeElement === this._inputEndElement) {
           if (e.shiftKey) {
             const endParsedDate = this._getParsedDate(this._inputEndValue);
             if (this._isValidDate(endParsedDate)) {

Original file line number	Diff line number	Diff line change
`@@ -1216,7 +1216,7 @@ export const DateRangePickerMixin = (subclass) =>`
`1216`	`1216`	`}`
`1217`	`1217`	`break;`
`1218`	`1218`	`case 'tab':`
`1219`		`- if (document.activeElement === this && this.shadowRoot.activeElement === this._inputStartElement)`
	`1219`	`+ if (this.shadowRoot.activeElement === this._inputStartElement)`
`1220`	`1220`	`{`
`1221`	`1221`	`if (e.shiftKey) {`
`1222`	`1222`	`this.close();`
`@@ -1230,7 +1230,7 @@ export const DateRangePickerMixin = (subclass) =>`
`1230`	`1230`	`this._selectingStartDate=false;`
`1231`	`1231`	`this._inputEndElement.focus();`
`1232`	`1232`	`}`
`1233`		`- } else if (document.activeElement === this && this.shadowRoot.activeElement === this._inputEndElement) {`
	`1233`	`+ } else if (this.shadowRoot.activeElement === this._inputEndElement) {`
`1234`	`1234`	`if (e.shiftKey) {`
`1235`	`1235`	`const endParsedDate = this._getParsedDate(this._inputEndValue);`
`1236`	`1236`	`if (this._isValidDate(endParsedDate)) {`