Keyboard height affects drawer size

toniantunovi / ion-bottom-drawer

Bottom drawer component for Ionic 4

63 stars 16 forks source link

Keyboard height affects drawer size #29

Open bhandaribhumin opened 5 years ago

bhandaribhumin commented 5 years ago

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 commented 4 years ago

I have the same issue, did you resolve?

bhandaribhumin commented 4 years ago

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 commented 4 years ago

It doesnt work for me. Any other idea?

bhandaribhumin commented 4 years ago

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

Nickholas commented 4 years ago

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.

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

Thanks in advanced.