Limit width and fallback to center if none of the options fit

WordPress · Dec 10, 2020 · 780edbf · 780edbf
1 parent 63c9356
commit 780edbf
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/components/src/popover/utils.js b/packages/components/src/popover/utils.js
@@ -107,7 +107,15 @@ export function computePopoverXAxisPosition(
 				chosenXAxis === 'left'
 					? leftAlignment.contentWidth
 					: rightAlignment.contentWidth;
-			contentWidth = chosenWidth !== width ? chosenWidth : null;
+
+			if ( width > window.innerWidth ) {
+				contentWidth = window.innerWidth;
+			}
+
+			if ( chosenWidth !== width ) {
+				chosenXAxis = 'center';
+				centerAlignment.popoverLeft = window.innerWidth / 2;
+			}
 		}
 	}