Skip to content

[Chip] Delete icon ripple not visible for Chip when background color is set #41461

@perclasson

Description

@perclasson

This issue is a bug report.

Chip with backgroundColor set, and delete icon, will not display the ink response in the foreground.

Steps to Reproduce

Chip(
        backgroundColor: Colors.pink,
        label: Text('Test'),
        onDeleted: () {},
)
  1. Go to flutter_gallery under Chips and delete a chip with a background color set
  2. The icon ripple is then not visible
  3. If you do the same for a chip that does not have a background color, it shows it correctly
The ink response is behind the chip (with background color set): On a chip without background color the ink response is visible:
before the ink response was behind the chip how it looks on gray chip

Logs

$ flutter doctor -v
Downloading android-arm-profile/darwin-x64 tools...                 0.9s
Downloading android-arm-release/darwin-x64 tools...                 0.7s
Downloading android-arm64-profile/darwin-x64 tools...               0.8s
Downloading android-arm64-release/darwin-x64 tools...               0.7s
[✓] Flutter (Channel master, v1.10.1-pre.309, on Mac OS X 10.14.6 18G95, locale en-DE)
    • Flutter version 1.10.1-pre.309 at /Users/perc/development/flutter
    • Framework revision 1696975ef3 (24 minutes ago), 2019-09-27 11:39:41 +0200
    • Engine revision 18bc0b2596
    • Dart version 2.6.0 (build 2.6.0-dev.0.0 403c4af720)


[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
    • Android SDK at /Users/perc/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-stable, build-tools 29.0.2
    • 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 10.3)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 10.3, Build version 10G8
    • CocoaPods version 1.7.5

[✓] Android Studio (version 3.5)
    • Android Studio at /Applications/Android Studio with Blaze.app/Contents
    • Flutter plugin version 39.0.3
    • Dart plugin version 191.8423
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] Android Studio (version 3.5)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 39.0.3
    • Dart plugin version 191.8423
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] Connected device (1 available)
    • iPhone Xʀ • FAA0F7B9-5367-4003-90C4-866BC84154F8 • ios • com.apple.CoreSimulator.SimRuntime.iOS-12-4 (simulator)

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: fidelityMatching the OEM platforms betterc: contributor-productivityTeam-specific productivity, code health, technical debt.f: material designflutter/packages/flutter/material repository.found in release: 3.0Found to occur in 3.0found in release: 3.1Found to occur in 3.1frameworkflutter/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 versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

    Type

    No type

    Projects

    Status

    Issue closed with comment

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions