fix: set initial value using property to ensure change is fired

[web-padawan]

Description

Fixes #6224
Fixes #6598

This PR fixes an issue in Safari with change event not getting fired for clearing initial value set with attribute.

See #6224 (comment) for the HTML snippet that I used to reproduce and debug this issue.

Type of change

• Bugfix

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[vursen]

The solution looks good to me. Although, I wasn't able to reproduce the issue in my Safari (version 17.0 build 19616.1.27.211.1), which makes me think that it was a browser bug that got fixed. I've recently upgraded to Mac OS Sonoma.

[web-padawan]

For the record, the test fails on main branch with the current WebKit Playwright build:

$ yarn test:webkit --group field-base
yarn run v1.22.19
$ web-test-runner --config web-test-runner-webkit.config.js --group field-base

packages/field-base/test/input-controller.test.js:

 ❌ input-controller > value property > should dispatch change event when clearing input
      AssertionError: expected spy to have been called exactly once, but it was called 0 times
        at r (node_modules/@esm-bundle/chai/node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:9575:6)
        at node_modules/@esm-bundle/chai/node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:251:8
        at node_modules/@vaadin/testing-helpers/dist/plugins/sinon-chai.js:88:25
        at e (node_modules/@esm-bundle/chai/node_modules/.pnpm/[email protected]/node_modules/chai/chai.js:7959:33)
        at packages/field-base/test/input-controller.test.js:89:24