mi6 / mi6/ic-ui-kit

IcDatePicker clear input issue on Safari

Open
#3,315 0 comments 0 reactions 0 assignees View on GitHub
safari
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary of the bug
The first click on the clear input button of IcDatePicker component does not fire onIcChange and input is not cleared.

## 🪜 How to reproduce
Tell us the steps to reproduce the problem:
1. Go to page: Design site date picker code examples
2. Scroll to Value variant
3. click on the clear input button
4. See the error

## 📸 Screenshots or code

![Image](https://github.com/user-attachments/assets/6cbf7780-1a46-42d0-9cff-84edc232a181)

## 🖥 📱 Device
- Browser: Safari

## 🧐 Expected behaviour
Clear input button should work on first click.

## 📝 Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

*Given* IcDatePicker component contains a default value.
*When* clicking clear input button within the input.
*Then* input contents should always clear.

## Additional info
onClick is fired instead of onIcChange.
could not replicate issue on chrome or edge.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in Safari on the design site's date picker code examples, specifically the Value variant, and inspect the IcDatePicker clear-input interaction. Done means the input clears on the first click and the expected change event fires, while the behavior remains correct in Chrome and Edge.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.