Topic: Button Click event not fired in sticky footer for IOS device only
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: 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
Arkadiusz Idzikowski staff commented 3 years ago
@rhaouari Are there any errors in the console when you try to click the button?
rhaouari free commented 3 years ago
Thank your for your reply , No there are no Errors .
Arkadiusz Idzikowski staff commented 3 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?