Passing a string with normal brackets inside of it in an attribute doesn't work and it completely ignores the whole attribute
Nov 17th 2022
Vue version
3.2.41
Link to minimal reproduction
Steps to reproduce
Apply a string with brackets inside of it and pass within an attribute.
example: :style="{ 'background-image': 'https://any/link/to/image(1).png'}"
.png'%7D){kind=link}
What is expected?
It's expected to set an background image with the given image.
What is actually happening?
Because of the brackets in the image name, the whole attribute won't be displayed - not even just an empty string.
System Info
System:
OS: Linux 4.4 Ubuntu 20.04.3 LTS (Focal Fossa)
CPU: (8) x64 Intel(R) Core(TM) i5-1035G7 CPU @ 1.20GHz
Memory: 696.85 MB / 7.60 GB
Container: Yes
Shell: 5.0.17 - /bin/bash
Binaries:
Node: 16.10.0 - /usr/bin/node
npm: 7.24.0 - /usr/bin/npm
npmPackages:
vue: ^3.2.41 => 3.2.41
Any additional comments?
No response
Nov 17th 2022
that's not really related to there being brackets, it's because setting the CSS backgroundImage style property to a random string is invalid and will be ignored by the browser. it needs to be in the form of url(".....")
Nov 17th 2022
Oh, I missed out on that. Thanks for resolving 👍