Fixed: Prevented pointer cursor and click events on ion-item (#169)

[R-Sourabh]

Related Issues

#169

Short Description and Why It's Useful

• The ion-item contains an ion-select element within an ion-chip. The presence of this interactive control (ion-select) is the reason why Ionic dynamically adds the .item-has-interactive-control class to the ion-item, resulting in the pointer cursor.
• Added cursor: default and pointer-events: none on the ion-item to prevent the pointer cursor and click events on its background, while pointer-events: auto was applied to the nested ion-chip to maintain its interactivity.

Screenshots of Visual Changes before/after (If There Are Any)

Contribution and Currently Important Rules Acceptance

• I read and followed contribution rules

[ymaheshwari1]

@R-Sourabh Cross check on any other place where this needs to be handled

[dt2patel]

This seems like a manual solution to a problem that has impact in many places. It's not a high priority issue so I'd like us to take time and think about how ionic has implemented this, is there something wrong with that default behavior?

If so, why did they choose to implement it that way, why doesn't it work for us? Maybe we're trying to use it wrong. Could be my fault for not understanding the component and creating bad design.