Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – How to prevent history.pushState from iFrame src change

For an existing <iframe> the src attribute gets changed with AlpineJS. How can I make the browser ignore this src change for the browser history?

My current (basic) iframe code:

<iframe :src="iframeSrc"></iframe>
Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    The answer lies in using a setTimeout() (even without an interval) before setting the new value, so the iframe gets destroyed and recreated instead of reused, which seems to prevent the history entry.

    So this might look like this:

    this.iframeSrc = ''; setTimeout(() => this.iframeSrc = '/new-source');

    There are other ways which have been discussed on github/alpinejs


  2. 0

    Have you tried doing history.pushState = () => null? If that doesn’t work then you probably need to monkey patch Alpine JS.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search