Backspace deletes entire input content when value is a CSS function

Issues
1

When a style property (e.g. width) contains a CSS function like calc(90vw - 100px), pressing backspace anywhere in the input field deletes the entire value instead of just the character before the cursor.

Steps to reproduce:

  1. Set a width (or other property) to a CSS function, e.g. calc(90vw - 100px)

  2. Click away from the input to deselect it

  3. Click back into the input and place your cursor somewhere in the middle

  4. Press backspace

Expected: Only the character before the cursor is deleted

Actual: The entire input value gets deleted

Workaround: Type any character first, then backspace works normally.

Notes: This only occurs when the value is a CSS function. Regular values like 100px or 50% don’t have this issue.

1 Like
2

Hi @wytze_sligting, thanks for the report! I think all CSS values have this issue, it’s been a minor annoyance for a while. I’ll see if we can prioritize improving it.

3

I’m only now noticing that it happens on all CSS values. Thanks for the reply :slight_smile:

1 Like
4

No problem! We should be able to prioritize this soon.

1 Like
5

I noticed this issue is fixed now. Much appreciated!

1 Like