Skip to content

Ink appears to bleed through IndexedStack #59963

@tvolkert

Description

@tvolkert

Steps to reproduce

Run the following app:

import 'package:flutter/material.dart';

void main() {
  runApp(BugReport());
}

class BugReport extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Directionality(
      textDirection: TextDirection.ltr,
      child: Material(
        child: IndexedStack(
          index: 0,
          children: [
            Ink(width: 100, height: 100, decoration: BoxDecoration(color: Colors.black)),
            Ink(width: 50, height: 50, decoration: BoxDecoration(color: Colors.red)),
          ],
        ),
      ),
    );
  }
}

Expected behavior

Since the index of the IndexedStack is 0, you expect to only see a 100x100 black squareL

expected

Actual behavior

You see a 50x50 red square inside a 100x100 black square:

actual

This can be seen at http://dartpad.dev/b636ac9a0ba8f9f901c0ae872c785d54

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work listf: material designflutter/packages/flutter/material repository.found in release: 3.3Found to occur in 3.3found in release: 3.7Found to occur in 3.7frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onr: fixedIssue is closed as already fixed in a newer versionworkaround availableThere is a workaround available to overcome the issue

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions