Skip to content

Inconsistent double underlines across browsers #51506

@redbrogdon

Description

@redbrogdon

I'm seeing inconsistent "double underline" behavior on the web across browsers.

Steps to Reproduce

I have a brand new Flutter app with this code in main.dart:

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        home: Scaffold(
          body: Center(
            child: Text(
              "Hello World",
              style: TextStyle(
                decoration: TextDecoration.underline,
                decorationStyle: TextDecorationStyle.double,
              ),
            ),
          ),
        ),
      ),
    );

Chrome
80.0.3987.116 (Official Build) (64-bit)
image
Two underlines. No problems here.

FireFox
73.0.1 (64-bit)
image
One underline

Safari
13.0.4 (15608.4.9.1.3)
image
No underline at all.

Flutter Doctor -v

[✓] Flutter (Channel master, v1.15.4-pre.180, on Mac OS X 10.15.2 19C57, locale en-US)
    • Flutter version 1.15.4-pre.180 at /Users/redbrogdon/flutter
    • Framework revision 0a9b358e3d (29 minutes ago), 2020-02-26 13:42:40 -0800
    • Engine revision ecabc10376
    • Dart version 2.8.0 (build 2.8.0-dev.10.0 4189237330)

[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    • Android SDK at /Users/redbrogdon/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-28, build-tools 28.0.3
    • Java binary at: /Applications/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.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.2.1, Build version 11B500
    • 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 /Applications/Android Studio.app/Contents
    • Flutter plugin version 42.1.1
    • Dart plugin version 191.8593
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] IntelliJ IDEA Community Edition (version 2019.2.4)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 43.0.2
    • Dart plugin version 192.7761

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

[✓] Connected device (3 available)
    • iPhone 11 Pro Max • 66C3CFA6-6248-40D4-8E80-92FB9DBB1B8C • ios            • com.apple.CoreSimulator.SimRuntime.iOS-13-2 (simulator)
    • Chrome            • chrome                               • web-javascript • Google Chrome 80.0.3987.122
    • Web Server        • web-server                           • web-javascript • Flutter Tools

• No issues found!

Metadata

Metadata

Assignees

Labels

c: renderingUI glitches reported at the engine/skia or impeller rendering levelplatform-webWeb applications specifically

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions