mi6 / mi6/ic-ui-kit

Text Fields and Select borders do not render on initial load in Safari

Open
#2,185 1 comment 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
Text Fields and Select borders do not render on initial load in Safari

## 🪜 How to reproduce

1. Open Safari
2. Navigate to Text Field & Select pages
3. Notice how the border does not load until you move your mouse/change state

## 📸 Screenshots or code
![image](https://github.com/user-attachments/assets/703dbb9f-ba2a-4dc2-9cb3-6e88e7e17439)

## 🧐 Expected behaviour
The border to appear

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in Safari by opening the Text Field and Select pages and checking the initial border rendering before changing state. Inspect the Text Field and Select component styles and compare the initial appearance with the post-interaction state; done means both borders appear immediately on page load.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.