[Bug]: SSR - <sbb-form-field-clear> not working as expected - Githubissues

sbb-design-systems / lyne-components

Components for Lyne Design System

https://lyne-storybook.app.sbb.ch

MIT License

43 stars 13 forks source link

[Bug]: SSR - <sbb-form-field-clear> not working as expected #2877

Closed feerglas closed 2 days ago

feerglas commented 5 days ago

Preflight Checklist

[X] I have read the Contributing Guidelines for this project.
[X] I agree to follow the Code of Conduct that this project adheres to.
[X] I have searched the issue tracker for an issue that matches the one I want to file, without success.

Bug type

Functionality

It affects the following packages

Components

Which version of Lyne Components are you using

1.2.1

Operating system

MacOS 14.3

Browser / Browser version

Chrome 125.0.6422.113

Input mode

None

Additional settings

No response

What happened?

sbb-form-field-clear is not working as expeceted after SSR:

sbb-form-field-clear is shown if input is untouched / empty
click on sbb-form-field-clear does not clear the input field
clear-button still visible after emptying an input field which contains characters

Steps to reproduce the issue

open https://codesandbox.io/p/devbox/sbb-popover-hover-trigger-forked-j4wh22 make sure the server is running, otherwise run npm start on the terminal.

observe that initially for the empty input field the clear-button is shown
type something in the input field and click the clear-button -> Observe that the input is not cleared
delete the characters from the input field until it is empty -> observe that the clear-button is still visible

Relevant log output

No response