Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Doesn't work on multiple pages in iframe #187

Open
GinoPane opened this issue Dec 15, 2023 · 2 comments
Open

Doesn't work on multiple pages in iframe #187

GinoPane opened this issue Dec 15, 2023 · 2 comments

Comments

@GinoPane
Copy link

GinoPane commented Dec 15, 2023 •
edited
Loading

My app is an embedded one and is displayed in iframe.

And Powertip only works on initial page load. When I move to another page and then move to the initial one, tooltips are no longer showing.

Init code runs just fine, but does nothing. Powertip->destroy with further init also does nothing.

Only full page reload helps, but it is not a solution.
@GinoPane GinoPane changed the title Doesn't work on multiple pages in inframe Doesn't work on multiple pages in iframe Dec 15, 2023
@stevenbenner
Copy link
Owner

A couple requests:

  1. What browser are you using? Can you test a different one?
  2. Can you provide some example code me to test?
  3. Can you clarify what you mean by "move to another page"?
    • Do you mean click a link on the page embedded in the frame?
    • Or, do you mean click a link on the parent page which has the actual <iframe> tag?
    • Or, do you mean something else? Like manually entering a URL of another website in the browser then going back to the <iframe> page? Or switching to another browser tab?

I ask because I cannot reproduce this problem. It seems to work for me in Firefox and Chromium. Here is the <iframe> test page that I used to check:

iframe-test.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>PowerTip iframe Test</title>
</head>
<body>
	<h1>PowerTip <code>&lt;iframe&gt;</code> Test</h1>
	<iframe width="800" height="600" src="https://stevenbenner.github.io/jquery-powertip/"></iframe>
</body>
</html>

@GinoPane
Copy link
Author

  1. What browser are you using? Can you test a different one?

It was the latest Chrome, but the same issue was in other browsers

  1. Can you provide some example code me to test?

The code with powertip usage is just purely basic, init on page load and that's it.

  1. Can you clarify what you mean by "move to another page"?

Yes, I assume the reason would be here somewhere. So basically the application is running as embedded application in the Shopify admin. So the admin works by itself and it serves an iframe, where the application page is displayed.
"move to another page" in this sense means that technically browser stays on the same Shopify admin page, but the iframe contents (e.g. application) gets updated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@stevenbenner @GinoPane