Skip to content

option tag re-rendering issue when :value attribute is null #10396

New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom
Closed
thisishak opened this issue Feb 24, 2024 · 2 comments
Closed

option tag re-rendering issue when :value attribute is null #10396

thisishak opened this issue Feb 24, 2024 · 2 comments
Labels
browser specific

Comments

@thisishak
Copy link

thisishak commented Feb 24, 2024 •
edited
Loading

Vue version

3.4.19

Link to minimal reproduction

https://codepen.io/thisishak/pen/GRebBMp

Steps to reproduce

You must use a macos chrome browser.
Use the interval function to modify variables that are not related to the select element.
click the select element to open the list of options.

What is expected?

just keep the open option list ui

What is actually happening?

option list ui blinks

System Info

macos ventura 13.4
chrome 121.0.6167.184(arm64)

Any additional comments?

No response
@thisishak
Copy link
Author

https://github.com/vuejs/core/assets/56523406/31efea79-00ac-4dd9-872f-342e50d35f0d
https://github.com/vuejs/core/assets/56523406/0bdb6f49-632d-4791-a3dd-cf4e577bfc2b

@thisishak thisishak changed the title Vue.js option tag re-rendering issue when :value attribute is null option tag re-rendering issue when :value attribute is null Feb 24, 2024
@Shyam-Chen
Copy link
Contributor

Shyam-Chen commented Feb 25, 2024 •
edited
Loading 

+ v-memo="[firstSelect]"

Or use Vue Single File Components (.vue).

https://play.vuejs.org/#eNrVVE1PGzEQ/SsjXzYRIR+ll6ZJpLbiQNUvld5YVG2TSTB4bcv2LqHR/nfGNrsxBCGuXJKdee/Z4zdj79gnrYd1hWzKZnZpuHZg0VV6kUteamUc7MDgegBKfleVdLiCBtZGlZCRKvuYy1wulbQOlh6GuWf3xv0EWHNj3TkKXLawrITwjIhbpP/Vs4SWorTjSn7j9BkJF7kEqqwuRIVTGA9AFiV9ZP/RqAyawSN40sFK4gH6rkPd7aH2ZI9eGXxQX8baOkt6vT7MF7DzSnLvjHKG9Gkaoj/DsCwczWFCSwCtBpPxONjV+J/ZKDaB7KfAYalF4ZAigBmXunJQH5dqhWKes7BgzsDdaaTQ4dZHoyAl+j+z/7bR3L026QlpKI+lovRFkr/MWdiX5NF+mIbiiebbQ2iMwUezUeQ8UdTHa2VI0ON0lAHwPnCZNJO2nt7gHRGymMzgCLjPtjt5XfSsq4aas4OQ942BpnnYMq2AbAxniIHVhVyQKB3EpiGOz7/GrXRCD1x5Ysob8+TR5UtMmY2S4WMD5izx1nwzvLZK0mMRhtrPYKm5QPMz7GNzNm3HPWeFEOr2a8g5U2G4V0FzhcubZ/LXdutzOftl0NIFouN1mCvMBskbD5+e/wij3oHUpkoQ+wXwN1olKl9jpH2u5IrKTnih2rPw5HG5+WNPtw6lbQ/lC433NZ6b3r4vLxx9X+7J8H3Q0f0mF//WaPyaZCABw8kH1twD4a3ROw==

Doctor-wu added a commit to Doctor-wu/core that referenced this issue Feb 27, 2024
@Doctor-wu
fix(runtime-dom): avoid unset option's value
1661fa8 
close vuejs#10412
re-fix vuejs#10396
@Doctor-wu Doctor-wu mentioned this issue Feb 27, 2024
Merged
OnlyWick pushed a commit to OnlyWick/core that referenced this issue Feb 27, 2024
@yyx990803 @OnlyWick
fix(runtime-dom): avoid always resetting nullish option value
839517c 
close vuejs#10396
yyx990803 pushed a commit that referenced this issue Feb 28, 2024
@Doctor-wu
fix(runtime-dom): avoid unset option's value (#10416)
b3f8b5a 
close #10412
re-fix #10396
@github-actions github-actions bot locked and limited conversation to collaborators Mar 11, 2024
lynxlangya pushed a commit to lynxlangya/core that referenced this issue May 30, 2024
@yyx990803 @lynxlangya
fix(runtime-dom): avoid always resetting nullish option value
032d066 
close vuejs#10396
lynxlangya pushed a commit to lynxlangya/core that referenced this issue May 30, 2024
@Doctor-wu @lynxlangya
fix(runtime-dom): avoid unset option's value (vuejs#10416)
ecfa89e 
close vuejs#10412
re-fix vuejs#10396
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Assignees
No one assigned
Labels
browser specific
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@yyx990803 @Shyam-Chen @thisishak