style="width: calc(${percent}% - 1px)" is not returning any value.

[danielwwc]

Describe the bug
style="width: calc(${percent}% - 1px)" is not returning any value.

To Reproduce
Steps to reproduce the behavior:
Mount the DOM with:

<div
   class="color-red"
   :style="`width: calc(${percent}% - 1px)`"
/>

Expected behavior

<div class="color-red" style="10%"></div>

Screenshots / Output

<div class="color-red" style=""></div>

Device:

• OS: MacOS
• Browser Chrome
• Version: happy-dom 10.9.0

[btea]

@danielwwc Can you provide a reproduction link?

[capricorn86]

Thank you for reporting @danielwwc! 🙂

I have made a fix that adds support for "calc()" in CSS values.

You can read more about the release here:
https://github.com/capricorn86/happy-dom/releases/tag/v10.10.4