-webkit-line-clamp style binding not getting updated in Chrome/Safari
Vue version
3.3.0-alpha.4
Link to minimal reproduction
Steps to reproduce
Open the repro in Chrome or Safari and click the "Show more" link. Repeat in Firefox to see it working.
What is expected?
When clicking the link the element style binding should be updated from -webkit-line-clamp: 3;
to -webkit-line-clamp: none;
(or vice versa). This functions correctly in Firefox but not in Chrome or Safari
What is actually happening?
The initial value of the style binding is set correctly, however clicking the link doesn't update it.
System Info
No response
Any additional comments?
This appears to be something unique to the -webkit-line-clamp
style. I've tried other styles such as height
which work as expected, and even styles with the -webkit
prefix such as -webkit-box-orient
are able to be updated correctly. I've tried using camel case for the attribute name and every other solution I can think of but I can't figure out why issue this is occurring in such a specific way.