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

Keyboard height affects drawer size #29

Open
bhandaribhumin opened this issue Oct 2, 2019 · 5 comments
Open

Keyboard height affects drawer size #29

bhandaribhumin opened this issue Oct 2, 2019 · 5 comments

Comments

@bhandaribhumin
Copy link

When I was set select some location and drag drawer to bottom position it will show blank space.
See the attached

4C2CDCDB-F9B3-4087-A4DA-BD8329B0F932

3F708F4F-9997-4998-9372-A045A4A24996

Expected behavior

F9BA9D34-075B-426E-824D-1FAF4D2E99B6

@firebiird
Copy link

I have the same issue, did you resolve?

@bhandaribhumin
Copy link
Author

yes i fixed using manually set

dockedHeight 
  distanceTop 

after click 

//this code fixed my problem not 100% but i say 98%
 this.dockedHeight = 140;
      setTimeout(() => {
        this.dockedHeight = 140;
        this.drawerState = 2;
      }, 500);
      this.distanceTop = 500;


@Nickholas
Copy link

It doesnt work for me. Any other idea?

@bhandaribhumin
Copy link
Author

@Nickholas hey what you get after adding this little hackey fix? can you send some video or img so I can take look!

@Nickholas
Copy link

Yes, of course. I would appreciate your help. Here is an example of my code in GitHub:

https://github.com/Nickholas/demo-bottom-drawler

It works fine on a web client (chrome, firefox,..) but it fails when you try to run it onto an Android device.

image

If you enter a text on the textarea field, it shows the keyboard and then it brokes the height of the component.

image

Thanks in advanced.

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

No branches or pull requests

3 participants