twentyhq / twenty

Building a modern alternative to Salesforce, powered by the community.
https://twenty.com
GNU Affero General Public License v3.0
14.92k stars 1.45k forks source link

Multi-select values blink #6011

Open Bonapara opened 4 days ago

Bonapara commented 4 days ago

Bug Description

Multi-select values blink and are not registered when clicked to be selected or deselected.

https://github.com/twentyhq/twenty/assets/19412894/eb5dbb49-86c4-4a1c-8373-98e102140f52

greptile-apps[bot] commented 4 days ago

The issue with multi-select values blinking likely originates from the rendering logic in the MultiSelectFieldDisplay or MultiSelectFieldInput components. Investigate the state management and rendering conditions in these files:

  1. MultiSelectFieldDisplay: Check the file at src/components/MultiSelectFieldDisplay.js for any unnecessary re-renders or state updates that could cause the blinking effect.

  2. MultiSelectFieldInput: Similarly, review the file at src/components/MultiSelectFieldInput.js for any issues with how state changes are handled and how the component re-renders.

Focus on optimizing the state management and ensuring that the components only re-render when necessary.

References