Button Click event not fired in sticky footer for IOS device


Topic: Button Click event not fired in sticky footer for IOS device only

rhaouari asked 4 years ago

Hello ,

I'm facing a strange behaviour when using Sticky footer on Iphone safari, when clicking a button within the footer click event is not fired and the navigator is focusing on the top bar. i need to click twice or more to have the click working . It only happens with IOS Device and buttons within sticky footer , other buttons are working correctly.

 <div class="row  fixed-bottom justify-content-center" >
      <div
        [class]=" 'col-8 d-flex justify-content-center py-2'">

        <button(click)="save()"
                [class]="'btn btn-sm btn-primary btn-rounded btn-block '  + shopTheme.buttonLabel">
           Save
        </button>
</div>
</div>

Thanks.


Arkadiusz Idzikowski staff commented 4 years ago

@rhaouari Are there any errors in the console when you try to click the button?


rhaouari commented 4 years ago

Thank your for your reply , No there are no Errors .


Arkadiusz Idzikowski staff commented 4 years ago

@rhaouari We tried to reproduce that on our end but without success. Can you prepare a simple demo app on which we will be able to recreate the problem and send it to a.idzikowski@mdbootstrap.com?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 9.3.0
  • Device: Iphone
  • Browser: Safari
  • OS: OSX
  • Provided sample code: No
  • Provided link: No