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
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: