FlutterFlow / flutterflow-issues

A community issue tracker for FlutterFlow.
98 stars 17 forks source link

ChipChoice displaying unwanted icon for selected chips #2841

Closed rocketlasagnabros closed 4 days ago

rocketlasagnabros commented 2 weeks ago

Has your issue been reported?

Current Behavior

Apparently when using the ChoiceChips component, all selected chips have this check icon which it's impossible to remove and we have no control of which color to set (it seems it has it's own defaults for light/dark mode). Other that the fact it's annoying not being able to remove it and no control over color, it's also overlapping existing selected icon in the case has been defined (see image) making the selected icon in the background and resulting in a very unpleasant mixup.

I think this might be related to the most recent Material 3 Theme, I think this wasn't happening before when using the Legacy M2.

Screenshot 2024-04-30 142721 Screenshot 2024-04-30 142526 Screenshot 2024-04-30 142458

Expected Behavior

This icon should NOT appear is the desired, if must appear then we should be able to decide if/how and all settings, and NOT overlap with existing icon.

Steps to Reproduce

Just create a page with ChoiceChips component having the Material 3 them enabled. You should be able to see this icon appearing once chip is selected, with/without the predefined option icon. and verify that is not possible to control color of this, only light/dark mode has some influence.

Reproducible from Blank

Bug Report Code (Required)

IT4olcr15YhgodsE7aqJbsFFmSQUHFgna4IK18pBczwYCOPuB+wQS8zRalVvO7zmTQk+eWGJpGMx1vfquODtEcEBMgSabIBh/rVqZA7zQlO6M5STC5bofW1SO9lRClCD1qS3uCUkJuhZdVYk3Wauf+ivaDPvHoTUO0QdGMqbKdeK2SrDX1iXc2URm05KZDPz

Context

Just trying to display a nice and clean chip choice component and setup custom colors to be inline with my project

Visual documentation

Screenshot 2024-04-30 142721 Screenshot 2024-04-30 142526 Screenshot 2024-04-30 142458

Additional Info

No response

Environment

- FlutterFlow version: latest
- Platform: any
- Browser name and version: any
- Operating system and version affected: any

General

Relative to the time the changes were made, data was lost within

When following my steps to reproduce, data loss happens

rzambroni commented 2 weeks ago

Hey @rocketlasagnabros,

Thanks for the report, i was able to replicate the problem you are describing and will send it over to the team so they can take a look.

As you mentioned, this happen when you have Material Theme 3 enabled.

image.png
rzambroni commented 2 weeks ago

Actually, this bug was already identified and added to our internal backlog, I will close this as duplicated for now but we will add an update here once it is fixed.

Thanks!

rocketlasagnabros commented 2 days ago

When is this fix going to be released? @rzambroni