Skip to content

[WEB]Japanese punctuation and reading marks are misplaced. #165299

@macoshita

Description

@macoshita

Steps to reproduce

  1. Set up Flutter 3.29.
  2. Set a long sentence in the text widget.
  3. Display in Chrome.

Expected results

and are just above the baseline as shown below.
The screenshots below show the results with Flutter 3.27.

Image

Actual results

and are centered as follows

Image

Code sample

Code sample

https://dartpad.dev/?id=3382819292297fa111b8b16cec047abd

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text(
            '街の外れに位置する古びた図書館は、時代の流れから取り残されたように静かに佇んでいた。そこには古い本の匂いが漂い、訪れる人はまばらだった。だが、その図書館には誰も知らない秘密があった。\n'
            '\n'
            '毎晩、図書館が閉館すると、棚の奥にある古書がかすかに震え、表紙がゆっくりと開き始める。ページの間から淡い光が漏れ出し、その光に照らされて、小さな妖精たちが現れるのだった。彼らは本の中に宿る物語の守護者であり、物語が忘れられぬように毎晩語り合っていた。\n'
            '\n'
            'ある日、少年が偶然この秘密を見てしまった。彼は驚きのあまり声を失ったが、妖精たちは彼に優しく微笑みかけ、「君には僕らが見えるんだね」と話しかけた。その日から少年は毎晩図書館に通い、妖精たちから多くの物語を教わった。やがて少年は成長し、作家となり、図書館で聞いた物語を世界中に届けるようになった。',
          ),
        ),
      ),
    );
  }
}

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.29.2, on macOS 15.3 24D60 darwin-arm64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 16.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.3)
[✓] VS Code (version 1.98.2)
[✓] Connected device (3 available)
[✓] Network resources

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: internationalizationSupporting other languages or locales. (aka i18n)a: qualityA truly polished experiencea: typographyText rendering, possibly libtxtdependency: skiaSkia team may need to help use: web_canvaskitCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webe: web_skwasmSkwasm rendering backend for webengineflutter/engine related. See also e: labels.found in release: 3.29Found to occur in 3.29found in release: 3.31Found to occur in 3.31has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions