Dropdown auto close in mobile when keyboard is open

[RFormigao]

There is no guarantee in receiving an immediate response in GitHub Issue Tracker, If you'd like to secure our response, you may consider PrimeReact PRO Support where support is provided within 4 business hours

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)
Please fork the codesandbox below and create a case demonstrating your bug report. Issues without a codesandbox have much less possibility to be reviewed.

https://codesandbox.io/s/6660q

Current behavior
When I click to open the dropdown on mobile, my keyboard appears and the dropdown closes

Expected behavior
The dropdown is expected to stay open and I'll be able to search in the filter input

• React version:
  17.0.2

• PrimeReact version:
  7.0.0

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  [Android]

[jaquepaschoal]

Same problem

[melloware]

Is this new with 7.0.0? Meaning did it work before?

[RFormigao]

I can't tell you, I only tested it on version 7.0.0

[melloware]

This looks exactly like similar issue we had in PrimeFaces: primefaces/primefaces#7075

[melloware]

OK see my PR: #2428

[RFormigao]

Thanks, do you know when this PR can be accepted?

[melloware]

Nope that is up to PrimeTek.

[brunomaffei]

Same problem

[mertsincan]

Hi,

I could not reproduce this issue on my mobile device, but I made a change regarding this issue. @melloware's PR changes the scroll behavior. If this issue is still not resolved, I'll take another look at this PR.

[melloware]

Just to follow up for those following this thread it depends on your mobile device, screen size, and whether a scroll bar is currently being displayed...

I did the following tests.

My App:
Galaxy S10 - It didn't work.
Galaxy S20 - It didn't work.
Iphone (Video 2) - It didn't work.

PF Showcase:
Galaxy S10 (Video 1) - It didn't work.
Galaxy S20 - It didn't work.
Iphone - It worked.

Hopefully @mertsincan fix works and is better than my solution!

[melloware]

Have any of you tried this with 7.1.0 now that the fix is out? @RFormigao

[RFormigao]

Hi, sorry for the delay. I tested it on two devices, on the iphone it worked correctly.

On android it didn't work.

Both using google chrome as browser

[RFormigao]

I updated the sandbox to version 7.2.0

[melloware]

@RFormigao so it gets visibility I suggest maybe you open a new ticket reporting your latest results with 7.1.0 and link this ticket.

[RFormigao]

Okay, thanks!