fix(a11y/ModalDialog): reduce behavioral changes after refactoring

SuperFlyTV · Jan 31, 2024 · 6ac350b · 6ac350b
1 parent 91113fc
commit 6ac350b
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/meteor/client/lib/ModalDialog.tsx b/meteor/client/lib/ModalDialog.tsx
@@ -143,19 +143,19 @@ export function ModalDialog({
 				runOnMount={true}
 			>
 				<div className="glass-pane">
-					<div className="glass-pane-content">
-						<VelocityReact.VelocityTransitionGroup
-							enter={{
-								animation: {
-									translateY: [0, 100],
-									opacity: [1, 0],
-								},
-								easing: 'spring',
-								duration: 250,
-							}}
-							runOnMount={true}
-						>
-							<FocusBounder>
+					<FocusBounder>
+						<div className="glass-pane-content">
+							<VelocityReact.VelocityTransitionGroup
+								enter={{
+									animation: {
+										translateY: [0, 100],
+										opacity: [1, 0],
+									},
+									easing: 'spring',
+									duration: 250,
+								}}
+								runOnMount={true}
+							>
 								<dialog
 									open={true}
 									className={'border-box overlay-m ' + className || ''}
@@ -252,9 +252,9 @@ export function ModalDialog({
 										</button>
 									</div>
 								</dialog>
-							</FocusBounder>
-						</VelocityReact.VelocityTransitionGroup>
-					</div>
+							</VelocityReact.VelocityTransitionGroup>
+						</div>
+					</FocusBounder>
 				</div>
 			</VelocityReact.VelocityTransitionGroup>
 		</Escape>