ionic-team / ionic-team/ionic-framework

bug: Clear buttons have different font-size on Mac and iOS

Open
#30,485 1 comment 1 reaction 0 assignees View on GitHub
triage
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v8.x

### Current Behavior

The **clear** and **solid / outline** buttons have differenty font-sizes on iOS and macOS.

**Clear button:**

> Image

**Outline button:**

> Image

### Expected Behavior

All buttons should have the same font-size

### Steps to Reproduce

1. Use a Mac or iOS device
2. Go to https://ionicframework.com/docs/api/button#fill
3. Open the developer console
4. Compare the font-style of the clear and solid / outline button

### Code Reproduction URL

https://ionicframework.com/docs/api/button#fill

### Ionic Info

No need for that

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the button examples at https://ionicframework.com/docs/api/button#fill and compare the clear, solid, and outline button styles on macOS and iOS. Trace those examples to the button styling entry point, then verify that all three variants use the same font-size across both platforms.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, macos, typescript
Domain
desktop-dev, frontend, mobile-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.