Skip to content

[web]: icons are rendered with vertical offset on Firefox #44803

@deckerst

Description

@deckerst

The Icon widget seems to be rendered with a small vertical offset at the top when displayed on Firefox.

For example:

            child: Stack(
              children: [
                Container(width: 24, height: 24, color: Colors.lightGreen),
                Icon(Icons.send, size: 24),
              ],
            ),

is correctly rendered on Chrome:
Screenshot_20191113-174312_Chrome

but is misaligned on Firefox (tried on Mac OS X 10.15 and Android):
Screenshot_20191113-174330_Firefox

flutter doctor -v:

[✓] Flutter (Channel dev, v1.10.16, on Mac OS X 10.15.1 19B88, locale en-KR)
    • Flutter version 1.10.16 at /Users/thibaultdeckers/projects/flutter
    • Framework revision 798e4272a2 (6 days ago), 2019-11-06 21:04:17 -0500
    • Engine revision 34a40cfbfd
    • Dart version 2.7.0

 
[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    • Android SDK at /Users/thibaultdeckers/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-29, build-tools 28.0.3
    • Java binary at: /Users/thibaultdeckers/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/191.5977832/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 11.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.2, Build version 11B52
    • CocoaPods version 1.8.4

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

[✓] Android Studio (version 3.5)
    • Android Studio at /Users/thibaultdeckers/Library/Application
      Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/191.5977832/Android Studio.app/Contents
    • Flutter plugin version 41.1.2
    • Dart plugin version 191.8593
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

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

[✓] Connected device (3 available)
    • iPhone 11  • 3373C512-23C6-42EC-8BA6-F79DC1ADE884 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-13-2 (simulator)
    • Chrome     • chrome                               • web-javascript • Google Chrome 78.0.3904.97
    • Web Server • web-server                           • web-javascript • Flutter Tools

• No issues found!

Metadata

Metadata

Assignees

Labels

a: imagesLoading, displaying, rendering imagesa: qualityA truly polished experiencec: renderingUI glitches reported at the engine/skia or impeller rendering levelframeworkflutter/packages/flutter repository. See also f: labels.platform-webWeb applications specifically

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions