Skip to content

Stepper line on active step is not fully colored #169661

Closed

Description

@Paolo9711

Steps to reproduce

Create a simple app with a Stepper component, you will notice that the line of the active step is not fully colored.

Expected results

The expected result should be a fully colored line for the active step

Actual results

Actually this is the current result

Image

Code sample

Code sample
import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Stepper(
            currentStep: 0,
            controlsBuilder: (_, __) => const SizedBox.shrink(),
            connectorThickness: 3,
            steps: ["test1", "test2", "test3"]
                .map(
                  (s) => Step(
                    title: Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        s,
                      ),
                    ),
                    content: Align(
                      alignment: Alignment.centerLeft,
                      child: Text(
                        "Content for $s",
                      ),
                    ),
                    isActive: s == "test1",
                  ),
                )
                .toList(),
          ),
        ),
      ),
    );
  }
}

Flutter Doctor output

Doctor output
[✓] Flutter (Channel stable, 3.32.0, on macOS 15.5 24F74 darwin-arm64, locale it-IT)
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 16.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.1)
[✓] VS Code (version 1.100.2)
[✓] Connected device (4 available)
[✓] Network resources

Activity

  1. changed the title [-]Stepper line on active step is not full colored[/-] [+]Stepper line on active step is not fully colored[/+] on May 29, 2025
  2. tirth-patel-nc commented on May 30, 2025

    @tirth-patel-nc
    Member

    Triage Report

    I was able to reproduce the issue using the provided code sample on the stable (3.29.3), stable (3.32.0) and master (3.33.0-1.0.pre.240) channels.

    Image Image
  3. added
    frameworkflutter/packages/flutter repository. See also f: labels.
    p: material_uimaterial_ui package in flutter/packages
    has reproducible stepsThe issue has been confirmed reproducible and is ready to work on
    team-designOwned by Design Languages team
    and removed
    in triagePresently being triaged by the triage team
    on May 30, 2025
  4. added
    P3Issues that are less important to the Flutter project
    triaged-designTriaged by Design Languages team
    on Jun 4, 2025
  5. added a commit that references this issue on Aug 26, 2025
    42ba7a1
  6. github-actions commented on Sep 9, 2025

    @github-actions

    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.

  7. locked as resolved and limited conversation to collaborators on Sep 9, 2025
  8. added a commit that references this issue on Sep 18, 2025
    895dac7
  9. added a commit that references this issue on Sep 22, 2025
    5c2feb0
  10. added a commit that references this issue on Sep 24, 2025
    cec8fe6
  11. added a commit that references this issue on Nov 21, 2025
    c128ef8
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Issues that are less important to the Flutter projectfound in release: 3.32Found to occur in 3.32found in release: 3.33Found to occur in 3.33frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onp: material_uimaterial_ui package in flutter/packagesr: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions