💰 0 USDT Bounty - "bug(Chips): Chips selection/deselection on IOS"

PomeloBounties commented 8 months ago

Bounty

bug(Chips): Chips selection/deselection on IOS created by @SoA432 on Pomelo Bounties

Summary

Job Description: We are looking for a talented individual to solve a bug related to Chips selection/deselection on IOS. The bug presents itself as a regression, whereby the background color of the chips is light grey instead of white after deselecting them. The individual should have experience in Angular, CDK/Material, and IOS. The task requires the individual to come up with a solution to the bug and improve the behavior of the chips selection/deselection.

Apply

https://bounties.pomelo.io/1afd1233444a

Original Issue

https://github.com/angular/components/issues/28068

Title

bug(Chips): Chips selection/deselection on IOS

Body

Is this a regression?

[x] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

We have built the chips-input component and we start the application on IOS - in the Safari browser, we select several chips and after deselecting them, the background color is light grey instead of white. You can see the source code on - https://stackblitz.com/edit/stackblitz-starters-2vkdyn?file=src%2Fmain.ts,src%2Fglobal_styles.scss and you can refer to this video:

https://github.com/angular/components/assets/74476606/df436fe7-a6ef-4c79-b840-ed0f93037ae5

Reproduction

StackBlitz link: https://stackblitz.com/edit/stackblitz-starters-2vkdyn?file=src%2Fmain.ts,src%2Fglobal_styles.scss Steps to reproduce:

Select the Several chips option on Safari Browser
Deselct some of them

Expected Behavior

After deselecting some options, the chip's background color should be white

Actual Behavior

After deselecting some options, the chip's background color is light blue

Environment

Angular: Version 16.2.12
CDK/Material: Version: 16.2.11
Browser(s): Safari
Operating System (e.g. Windows, macOS, Ubuntu): IOS

Reward

0.0500 USDT

Note

For technical discussion use the original issue. This issue is for tracking the bounty application and implementation progress.