mdb-image-modal - navigation issue


Topic: mdb-image-modal - navigation issue

Guijarro free asked 2 years ago

Expected behavior Navigation shouldn't be affected in the places where mdb-image-modal is placed.

Actual behavior If a mdb-image-modal is inserted into a component, this completely breaks the navigation functionality of the app. When we click the 'back' button in the browser (or window.history.back()) - the app/navigation jumps around and becomes a disaster. I believe you guys should tag this as an urgent task, as it really breaks the website.

Resources (screenshots, code snippets etc.)


Bartosz Termena staff commented 2 years ago

Dear @Guijarro

Thank you for reporting the problem. We will take a closer look at that.

Best Regards, Bartosz.


Guijarro free commented 2 years ago

Thank you for your response... Please keep me posted as the image modal is a "must-have" feature in my web app.


Gay pro commented 2 years ago

Hello, I have the same problem there is a correction or a quikfix please. My website is unusable because of this!


Konrad Stępień staff commented 2 years ago

Can you provide the part of your code?


Gay pro commented 2 years ago

Hello, thanks for this quick answer. Actualy I'm on version 8.3 it's because of the ngAfterViewInit code of ImageModalComponent which add window onpopstate function which breaks history. (I have 3 ImageModalComponent on my website) But this code has been removed in version 8.9 and it walks so I'm going to update my ng uikit version to 8.9


Arkadiusz Idzikowski staff commented 2 years ago

This issue was resolved in version 8.7.0, please update and let us know if you encounter any further problems.


Gay pro commented 2 years ago

Ok thanks for the correction :-)


FREE CONSULTATION

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

Status

Closed

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.6.0
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: No
  • Provided link: No