Ref of parent component does not trigger update of one child when changed in another child (Android Chrome) #10686
Unanswered
dasdawidt
asked this question in
Help/Questions
Replies: 1 comment
-
After I struggled with this for almost a week now, only today I found out, it may have to do with another dependency of I had defined a I still don't understand why, so any answer is welcome still. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi! I'm currently working on a PWA project using Vue 3/Vite/Vue Router. I ran into a weird issue using a layout component:
I use a component called
DefaultLayout
for the basic layout of my page.It has several slots, like
action-left
,action-right
,title
anddefault
:Now in one view, I use
DefaultLayout
and put aninput
inside thedefault
slot and a submitbutton
insideaction-right
:On Windows Chrome and Firefox everything works as expected: I input some text, the button gets enabled. I delete the text, the button is disabled again.
But when I try it on Android Chrome, the disabled state of the button does not change when I input something neither when I unfocus the input after inputting.
However, when I move the
button
element into thedefault
slot next to theinput
, it gets updated properly.I suppose, this is some kind of optimization issue on Android?
Also, when trying to build a minimal working example on Vue SFC Playground, the issue didn't occur, so I guess it might have to do with Vue Router?
Can I do anything about it?
Beta Was this translation helpful? Give feedback.
All reactions