framework7 icon indicating copy to clipboard operation
framework7 copied to clipboard

Error in js console: Blocked aria-hidden on an element because its descendant retained focus.

Open lixas opened this issue 8 months ago • 3 comments

  • Framework7 version: 8.3.4
  • Platform and Target: Edge and Droidscript
  • Live Link or CodeSandbox: https://codesandbox.io/p/sandbox/nifty-darkness-3p7tvg

Describe the bug

When in routes i have page with componentUrl and that page loads-up- i receive JS error in console about "Blocked aria-hidden on an element" I do observe the same behaviour in Edge and Droidscript

To Reproduce

  1. Go to https://codesandbox.io/p/sandbox/nifty-darkness-3p7tvg
  2. Open browser developer tools, open console
  3. In preview window click on link "List load as expected" right under the form
  4. See error in console window about aria-hidden

Expected behavior

Page loaded and rendered as expected, No error is shown

Actual Behavior

In browser page is loaded but in console error is shown. In Droidscript- alert windows with the same message and after clicking OK- application halts.

Screenshots

Image

Additional context

Added zip'ed Droidscript source as attachment for testing on Droidscript. List.zip

lixas avatar Apr 04 '25 08:04 lixas

More on this: versions 8.3.0 and 8.3.1 works ok in this case Version 8.3.2 and later versions give "Blocked aria-hidden on an element" error

lixas avatar Apr 07 '25 15:04 lixas

same issue here....

VIEWSION avatar May 16 '25 20:05 VIEWSION

OK - it worked for me to add an extra update() on pageInit

    $on('pageInit', () => {
      $update();
    });

VIEWSION avatar May 17 '25 07:05 VIEWSION