fix(menu): make sure Talkback focus rings are displayed

thetaPC · thetaPC · commit e4387178d92a · 2024-11-21T10:46:52.000-08:00
diff --git a/core/src/utils/menu-controller/animations/overlay.ts b/core/src/utils/menu-controller/animations/overlay.ts
@@ -27,6 +27,7 @@ export const menuOverlayAnimation = (menu: MenuI): Animation => {
     openedX = '0px';
   }
 
+  menu.menuInnerEl!.style.willChange = 'transform';
   menuAnimation.addElement(menu.menuInnerEl!).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
 
   const mode = getIonMode(menu);

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ export const menuOverlayAnimation = (menu: MenuI): Animation => {`
`27`	`27`	`openedX = '0px';`
`28`	`28`	`}`
`29`	`29`
	`30`	`+ menu.menuInnerEl!.style.willChange = 'transform';`
`30`	`31`	menuAnimation.addElement(menu.menuInnerEl!).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
`31`	`32`
`32`	`33`	`const mode = getIonMode(menu);`