Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The dropdown popup appears in wrong position on mobile devices #1609

Closed
dtopalov opened this issue Apr 28, 2016 · 3 comments
Closed

The dropdown popup appears in wrong position on mobile devices #1609

dtopalov opened this issue Apr 28, 2016 · 3 comments

Comments

@dtopalov
Copy link
Contributor

The popup position of the drop-down list is wrong on mobile devices. It seems that the wrong calculation of the position occurs, if the web site is not on most top left scroll position.

Reproducible using Chrome in Device Mode:

  1. Open http://runner.telerik.io/fullscreen/iCame

  2. Drag a bit so that the widget is partly hidden

  3. Open the dropdown

@petyosi
Copy link
Contributor

petyosi commented May 5, 2016

Works in iOS. Does not work in Android.
screen shot 2016-05-05 at 18 38 18

@ipeshev
Copy link
Contributor

ipeshev commented Jul 11, 2016

On Mobile, when scrolled dropdown-menu is not aligned vertically to the dropdown-button. Try to open the example in some mobile and rotate the screen, scroll a bit and open the dropdown.
Not sure if it is an issue it might be a feature in some cases.

@ipeshev ipeshev reopened this Jul 11, 2016
@ggkrustev
Copy link
Contributor

I updated the demo with the scripts from staging and it seems to work just fine in Android 5 phone. The popup is aligned next to the anchor as it should do.

http://runner.telerik.io/fullscreen/iCame/3

With regards to the popup behavior when the screen is rotated - it is possible to see shifted popup if part of the anchor is not visible horizontally. This behavior is expected and it is due the "fit" collision feature of the popup.

https://github.com/telerik/kendo-ui-core/blob/master/docs/controls/layout/popup/overview.md#control-positioning

I will close the ticket as resolved.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants