fix(ui5-calendar-header): prevent scrolling when month/year picker is selected (#2276)

fifoosid · web-flow · commit fac40a8ed189 · 2020-10-01T10:08:02.000+03:00
diff --git a/packages/main/src/CalendarHeader.hbs b/packages/main/src/CalendarHeader.hbs
@@ -17,7 +17,10 @@
 		</ui5-icon>
 	</div>
 
-	<div class="ui5-calheader-midcontainer">
+	<div
+		class="ui5-calheader-midcontainer"
+		@keydown="{{_onMidContainerKeyDown}}"
+	>
 		<div
 			id="{{_id}}-btn1"
 			class="ui5-calheader-arrowbtn ui5-calheader-middlebtn"
diff --git a/packages/main/src/CalendarHeader.js b/packages/main/src/CalendarHeader.js
@@ -131,6 +131,12 @@ class CalendarHeader extends UI5Element {
 		}
 	}
 
+	_onMidContainerKeyDown(event) {
+		if (isSpace(event)) {
+			event.preventDefault();
+		}
+	}
+
 	static async onDefine() {
 		await fetchI18nBundle("@ui5/webcomponents");
 	}

Original file line number	Diff line number	Diff line change
`@@ -131,6 +131,12 @@ class CalendarHeader extends UI5Element {`
`131`	`131`	`}`
`132`	`132`	`}`
`133`	`133`
	`134`	`+ _onMidContainerKeyDown(event) {`
	`135`	`+ if (isSpace(event)) {`
	`136`	`+ event.preventDefault();`
	`137`	`+ }`
	`138`	`+ }`
	`139`	`+`
`134`	`140`	`static async onDefine() {`
`135`	`141`	`await fetchI18nBundle("@ui5/webcomponents");`
`136`	`142`	`}`