fix: avoid to make input caret jump during editing declaration

[ktsn]

In case if the users remove the part of declaration value, then it is trimmable like 10px 2 -> 10px , the caret will be jumped even though she is editing the value. It would decrease the UX of style editing.

This is caused because the current implementation always trims the updated text. So I've stopped trimming the value on input event. Instead, trim it when the input-end event so that the problem should not be occurred during user editing.

[codecov]

Codecov Report

Merging #16 into master will decrease coverage by 0.09%.
The diff coverage is 0%.

@@            Coverage Diff            @@
##           master      #16     +/-   ##
=========================================
- Coverage   63.09%   62.99%   -0.1%     
=========================================
  Files          40       40             
  Lines        1306     1308      +2     
  Branches      313      323     +10     
=========================================
  Hits          824      824             
- Misses        467      469      +2     
  Partials       15       15

Impacted Files	Coverage Δ
src/view/components/StyleInformation.vue	0% <0%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 172a334...83f36ce. Read the comment docs.