-
-
Notifications
You must be signed in to change notification settings - Fork 8.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
innerHTML set from render function goes missing when patching? #9135
Labels
has workaround
A workaround has been found to avoid the problem
🐞 bug
Something isn't working
🔩 p2-edge-case
Comments
baiwusanyu-c
added
the
has workaround
A workaround has been found to avoid the problem
label
Sep 6, 2023
I think the bug is caused by innerHtml rather than key. In this example, there are no keys, but bug still appears. And main logic about this part is in renderer. |
a workaround: add a key. <Comp v-bind:del="del" :key="del"></Comp> |
True. The ticket states a such |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Labels
has workaround
A workaround has been found to avoid the problem
🐞 bug
Something isn't working
🔩 p2-edge-case
Vue version
3.3.4
Link to minimal reproduction
https://play.vuejs.org/#eNqVVEtvm0AQ/itTLiSSDYf2hEiapo3Ud6smPZUeCIzDJrBLdwfHkcV/7+wuYJyXWkuWZ+fxzfPzNnjTttG6wyAJUsKmrXPC40wCpJcdkZKwXiqZFLUobo6yoMQajuAF/2TB8XYL9v0awp+SBSQMIYHw3SD2fRp7DI/3VjUto10KWSbs7tGyYFQJKVGzMky7Y9MVFVTU1GncHYecKo1tNOOk8axIfppCi5ZYFk2rNMEWqgX0sNKqgZDbCieLS+/1kUOzXbM5k7hxDiWu8q5mCFttwQ5KoiSTMKaL7RfWUOaUw8Gh9wLQSJ1maXiyHesEVnlt0LkD9PbHxrKQxkO9wSIgUyi5ElfRtVGSp+8QssAmFjXqby0JJU0WcH4PlAV5Xavbj05HuhsTcEyFxc0j+muzsbos+K7RoF5jFkw2yvUVkjefnX/FDcuTsVFlV7P3M8YfaFTd2Rq922knSy575ueq/eCGL+TVhTnbEEozNmULHSdjvXkZdspPtb4r92X00sXxQHmK4yLt+Y63oJ+5BrbZ74OVsw6g1aq1+/avYZfTC4DuWkzgVKkac7nY6TX+6YTGcuhq0HNng+RO+xGkc9I8mSeBJkPvhRFQI9NN+yMcPPiUDMEN3hmmp7u+fQtV+Anv2OZcmLGtvQhJlrC8OFwJieV+CDe/H+IpXj4aIlZwQJUwETvNypr4UR2EpViHs1aZMhY5GfPspmU/v1wE1uGC3dz43l98+cxjsTncG/rDWcTvw2lWgNz9/5Xgp7N4KtEsZJdmvhL3mHPbn9+yydt77PaG/dPmu/QUqoj4/OK4KCWHcfdirSOJFMu2iU/YLdadJNHgslTNCfMgehWXwtBcHaFplpda3TLfGWRGRxvv/gT00h+QJeu/pb0XNk99z/Qg/UTV/i9gFhfh
Steps to reproduce
When you arrive the inner html provided to the Comp's
div
is visible, when thedelete
is toggled theinnerHTML
should end up wrapped in adel
element but instead the contents of thediv
becomes nothing.A workaround can be demonstrated by setting
keys
totrue
inComp.vue
which will assign different keys to thediv
s which then (i think) forces the elements to not try patch between each otherWhat is expected?
it to work the same with keys as without since the key is not supposed to be needed
What is actually happening?
element goes missing
System Info
Any additional comments?
No response
The text was updated successfully, but these errors were encountered: