Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text letter spacing on iOS 14.0 is smaller than previous iOS versions #66867

Closed
talent-apps opened this issue Sep 29, 2020 · 5 comments
Closed
Labels
a: typography Text rendering, possibly libtxt e: OS-version specific Affects only some versions of the relevant operating system found in release: 1.20 Found to occur in 1.20 found in release: 1.22 Found to occur in 1.22 framework flutter/packages/flutter repository. See also f: labels. has reproducible steps The issue has been confirmed reproducible and is ready to work on platform-ios iOS applications specifically

Comments

@talent-apps
Copy link

Text letter spacing on iOS 14.0 is smaller than previous iOS versions:
The problem occurs also on real device with iOS 14.0 and iOS 14.0.1 and affects apps in production.

Code snippet:

Column(
  mainAxisSize: MainAxisSize.min,
  mainAxisAlignment: MainAxisAlignment.center,
  children: List.generate(
    8,
    (index) => Text(
      "Text on ${iosDeviceInfo.systemName} ${iosDeviceInfo.systemVersion}",
      style: TextStyle(fontSize: index + 30.0),
    ),
  ),
)

iOS 13.5 simulator:
iOS_13_5

iOS 14.0 simulator:
iOS_14_0

@talent-apps talent-apps added the team-infra Owned by Infrastructure team label Sep 29, 2020
@pedromassangocode pedromassangocode removed the team-infra Owned by Infrastructure team label Sep 29, 2020
@TahaTesser
Copy link
Member

Hi @talent-apps
Text Spacing looks like iPhone 8 iOS 14 simulator
Simulator Screen Shot - iPhone 8 - 2020-09-29 at 16 55 41

Xcode apparently has a bug, can't test it on iOS 13 to compare for now

flutter doctor -v
[✓] Flutter (Channel stable, 1.20.4, on Mac OS X 10.15.7 19H2, locale en-GB)
    • Flutter version 1.20.4 at /Users/tahatesser/Code/flutter_stable
    • Framework revision fba99f6cf9 (2 weeks ago), 2020-09-14 15:32:52 -0700
    • Engine revision d1bc06f032
    • Dart version 2.9.2

 
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/tahatesser/Code/sdk
    • Platform android-30, build-tools 30.0.2
    • ANDROID_HOME = /Users/tahatesser/Code/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 12.0.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.0.1, Build version 12A7300
    • CocoaPods version 1.9.3

[✓] Android Studio (version 4.0)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 49.0.2
    • Dart plugin version 193.7547
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.49.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.14.1

[✓] Connected device (2 available)
    • sdk gphone x86 arm (mobile) • emulator-5554             • android-x86 • Android 11 (API 30) (emulator)
    • Taha’s iPhone (mobile)      • 00008020-001059882212002E • ios         • iOS 14.0.1

• No issues found!
flutter doctor -v
[✓] Flutter (Channel master, 1.22.0-10.0.pre.405, on Mac OS X 10.15.7 19H2 x86_64, locale en-GB)
    • Flutter version 1.22.0-10.0.pre.405 at /Users/tahatesser/Code/flutter_master
    • Framework revision 9d7bdb5903 (6 hours ago), 2020-09-28 22:46:21 -0700
    • Engine revision 438685dad0
    • Dart version 2.11.0 (build 2.11.0-174.0.dev)

 
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/tahatesser/Code/sdk
    • Platform android-30, build-tools 30.0.2
    • ANDROID_HOME = /Users/tahatesser/Code/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 12.0.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.0.1, Build version 12A7300
    • CocoaPods version 1.9.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.0)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 49.0.2
    • Dart plugin version 193.7547
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.49.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.14.1

[✓] Connected device (4 available)
    • iPhone 8 (mobile) • 338857FE-34DC-4E3E-BC37-D044BF7A1642 • ios            •
      com.apple.CoreSimulator.SimRuntime.iOS-14-0 (simulator)
    • macOS (desktop)   • macos                                • darwin-x64     • Mac OS X 10.15.7 19H2 x86_64
    • Web Server (web)  • web-server                           • web-javascript • Flutter Tools
    • Chrome (web)      • chrome                               • web-javascript • Google Chrome 85.0.4183.121

• No issues found!

@TahaTesser TahaTesser added a: typography Text rendering, possibly libtxt e: OS-version specific Affects only some versions of the relevant operating system found in release: 1.20 Found to occur in 1.20 found in release: 1.22 Found to occur in 1.22 framework flutter/packages/flutter repository. See also f: labels. has reproducible steps The issue has been confirmed reproducible and is ready to work on platform-ios iOS applications specifically labels Sep 29, 2020
@xster
Copy link
Member

xster commented Sep 29, 2020

Dupe of #60013. Fixed in 1.22 beta.

@xster
Copy link
Member

xster commented Sep 29, 2020

@TahaTesser are you getting the incorrect behavior in 1.22?

@xster
Copy link
Member

xster commented Sep 29, 2020

A quick test on 1.22.0-10.0.pre.392.

Screen Shot 2020-09-29 at 8 51 52 AM

The top half is just normal iOS through Xcode. Seems to render the same way as in Flutter. Tentatively closing. Let me know if I got it wrong.

@xster xster closed this as completed Sep 29, 2020
@github-actions
Copy link

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Aug 12, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
a: typography Text rendering, possibly libtxt e: OS-version specific Affects only some versions of the relevant operating system found in release: 1.20 Found to occur in 1.20 found in release: 1.22 Found to occur in 1.22 framework flutter/packages/flutter repository. See also f: labels. has reproducible steps The issue has been confirmed reproducible and is ready to work on platform-ios iOS applications specifically
Projects
None yet
Development

No branches or pull requests

4 participants