Dropdown showOnFocus does not work

[WadeWilson]

I want to show the options overlay on input focus (surprisingly it is not happening by default), looks like there is a property for that:

showOnFocus Property descriptions says "When enabled, overlay panel will be visible with input focus." - well, it's not. Here's example with active showOnFocus property, if you focus the input - nothing happens
https://codesandbox.io/s/primereact-dem ... src/App.js

there is a overlayVisible state item but there is not explanation on howto access\update it.

[Melloware]

Its working fine for me. I just ran your Sandbox and focused the dropdown and it opens immediately.

[WadeWilson]

Thank you for answer!

I assume you are doing focus with Tab button and not by just focusing the input by clicking on it? (here's recording https://youtu.be/SlH4qNEiYLw)
I was hoping this property covers both ways. If not maybe there is another one

[michaelaskew]

The "showOnFocus" functionality of the dropdown is not functioning as expected. When the dropdown is focused, it should display its options, but this behavior is not currently working as intended.

To troubleshoot and potentially resolve this issue, consider the following steps:

Check Code Implementation: Review the code implementation of the dropdown element. Ensure that the "showOnFocus" attribute or property is correctly set and assigned to the dropdown element.

Library or Framework Compatibility: If you are using a JavaScript library or framework to create the dropdown, ensure that the "showOnFocus" feature is supported by the version you are using. Check the documentation or community resources to verify compatibility.

Event Handling: Double-check that the appropriate event handlers are in place for the dropdown. The focus event should trigger the display of options. Verify that there are no conflicting event handlers or code that could interfere with the "showOnFocus" behavior.

CSS Styles: Inspect the CSS styles applied to the dropdown element. Ensure that there are no conflicting styles or positioning that could prevent the dropdown options from being displayed on focus.

[WadeWilson]

michaelaskew - it looks like you generated this message with ChatGPT, otherwise it's very confusing

At first it seems like you agree that reported bug does exists. But then you suggest to check my code implementation, framework compatibility or even CSS, despite the fact that I:
- added codesandbox link
- added youtube video
- specified why exaclty I believe there is a bug.

[Melloware]

Yeah that is ChatGPT garbage.

Actually its because you have `editable` set so you can edit the dropdown then the dropdown will only drop if you click the arrow button. If you remove `editable` you will see it works as expected.

[WadeWilson]

Thank you for answer!

But that was my point I want to show the options list the moment I focus the input and while I type text there and it filters out the options. Same way bootstrap does it

[Melloware]

Yep its all built into PrimeReact see: https://codesandbox.io/s/primereact-dem ... src/App.js

I just added the `filter` option and now it works just like Boostrap.