Clicks "Settings" and jumps to an unexpected error. #8

New issue

Open

opened 2024-08-05 12:53:43 +00:00 by Rubicon · 1 comment

Rubicon commented

2024-08-05 12:53:43 +00:00

Owner

Technical Information:

TypeError: undefined is not an object (evaluating 'ripple.ref.pulsate')
focusVisible@https://localhost.direct:6808/node_modules/@suid/material/ButtonBase/ButtonBase.jsx:(141:23)
runComputation@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(720:24)
updateComputation@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(702:17)
Transition.disposed.has@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(811:24)
sharedConfig.effects.push(...queue.slice@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(920:42)
runUpdates@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(827:19)
setTransPending@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(878:27)
runUpdates@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(828:20)
Promise.resolve().then(@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(548:15)

This issue can be reproduced on iOS 17 (standalone PWA) and GNOME Web (which is webkit2gtk).

Technical Information: ```` TypeError: undefined is not an object (evaluating 'ripple.ref.pulsate') focusVisible@https://localhost.direct:6808/node_modules/@suid/material/ButtonBase/ButtonBase.jsx:(141:23) runComputation@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(720:24) updateComputation@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(702:17) Transition.disposed.has@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(811:24) sharedConfig.effects.push(...queue.slice@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(920:42) runUpdates@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(827:19) setTransPending@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(878:27) runUpdates@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(828:20) Promise.resolve().then(@https://localhost.direct:6808/node_modules/solid-js/dist/dev.js:(548:15) ```` This issue can be reproduced on iOS 17 (standalone PWA) and GNOME Web (which is webkit2gtk).

Rubicon added the

bug

label 2024-08-05 12:53:43 +00:00

Rubicon added the

user-agent/webkit

label 2024-08-05 12:56:32 +00:00

Rubicon commented

2024-08-22 09:18:42 +00:00

Author

Owner

This issue can be workaround by removing the ripple of the "close" button in the toolbar.

<IconButton disableRipple>...</IconButton>

I think the cause is the ripple Ref (in React context) is not created when it's needed by the effect.

This issue can be workaround by removing the ripple of the "close" button in the toolbar. ````jsx <IconButton disableRipple>...</IconButton> ```` I think the cause is the ripple Ref (in React context) is not created when it's needed by the effect.

Rubicon added this to the Bugs project 2024-10-18 14:53:15 +00:00