<title>onKeyDown and onKeyUp (Down Arrow , Up Arrow)

[Khizar-sheikh]

when i click this the options are moving like my options are Banana Apple Guava grapes when i click key down the selected option will be Apple and when enter tab the text will be Apple whihc is Right But heres the issue when i hover there is background color but on key down and key up bg color is not applying to options

[UsaidAqeel]

Hey @Khizar-sheikh, Could you please provide a code example? Thank you!

[Khizar-sheikh]

I'm pleased to report that I've resolved the issue that was troubling me. Yesterday, I discovered that the problem occurred when using the arrow down and arrow up keys, which added a class to the option element and changed its background color. However, this background color was being overwritten by another color. To fix this, I targeted the specific class (`css-d7l1ni-option`) and added the `background-color` property with the `!important` keyword to ensure that it took precedence over other styles. Here's the corrected code: `.css-d7l1ni-option { background-color: #your-color !important; }` With this change, the background color of the option element is now correctly applied when using the arrow keys.

…

On Sat, Feb 1, 2025, 02:05 Usaid Aqeel ***@***.***> wrote: Hey @Khizar-sheikh <https://github.com/Khizar-sheikh>, Could you please provide a code example? Thank you! — Reply to this email directly, view it on GitHub <#5999 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A6YGTJH4QNNU5P6BFVF6TDT2NPQR3AVCNFSM6AAAAABV2IQD3GVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMRYGM4TMNBWGY> . You are receiving this because you were mentioned.Message ID: ***@***.***>