framework7io / framework7io/framework7

[Bug] Respect font scaling

Open
#2,441 3 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Feature Request
Dominant language
JavaScript
Stars
18.8k
Forks
3.2k
PR merge metrics
No merged PRs in 30d

Description

This is a (multiple allowed):

  • bug
  • enhancement
  • feature-discussion (RFC)
Actual Behavior

Framework7 does not currently respect the iOS font scaling.

iOS with default font scaling

img_1220
img_1217
img_1218
img_1219

iOS with large font scaling(not working)

img_1221
img_1222
img_1223

Expected Behavior

Respect os font scaling

Background

We have a lot of users who don't use the default iOS font scaling.
Here's some tech info in regards to supporting scalable fonts: http://www.interactiveaccessibility.com/blog/text-resizing-web-pages-ios-using-dynamic-type

I can confirm using their test page (http://ia11y.github.io/Coding-Patterns/iOS/text-resizing/resizable-vs-non-resizable-font-ios.html) that the font does scale on iOS devices.

Basically this would require a switch to em font sizes. I see there's a v3 of framework7 in the works, maybe this could be a feature for that version?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue provides no file or test entry point. Start by reproducing the font-scaling behavior on iOS and review the linked dynamic-type reference; done means Framework7 text respects the user's larger font setting without breaking the affected screens.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, javascript
Domain
accessibility, frontend, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.