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

[BUG] popover in iframe OSD interferes with select element in parent frame #8178

Open
joshuali925 opened this issue Sep 13, 2024 · 0 comments
Open

[BUG] popover in iframe OSD interferes with select element in parent frame #8178

joshuali925 opened this issue Sep 13, 2024 · 0 comments
Assignees
@kavilla
Labels
bug Something isn't working

Comments

@joshuali925
Copy link
Member

Describe the bug

Embed Dashboards in an iframe, and open any option that's a popover inside dashboard, then click on some option in the parent frame, it does not open correctly

To Reproduce
Steps to reproduce the behavior:

  1. open this html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Bug Repro</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
    />
  </head>
  <body>
    <div style="margin: 8px">
      <h3 style="display: inline">Dropdown</h3>
      <select
        id="selectIndexPattern"
        style="display: inline; max-width: 600px"
      >
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </div>
    <iframe
      id="osd"
      style="position: fixed; width: 100%; height: 100%"
      src="http://localhost:5601"
      title="OSD"
    ></iframe>
  </body>
</html>
  1. click on the dropdown component on top, see it works correctly showing 1, 2, 3
  2. open a dashboard in opensearch dashboards
  3. click on upper right of a visualization to open "Options"
  4. click on the dropdown in step two, it doesn't open anymore

Expected behavior
popover opened in iframe shouldn't interfere with parent

OpenSearch Version
main

Dashboards Version
main

Plugins

none

Screenshots

image

Host/Environment (please complete the following information):

  • OS: [e.g. iOS]
  • Browser and version [e.g. 22] chrome 128.0.6613.120

Additional context

Add any other context about the problem here.
@joshuali925 joshuali925 added bug Something isn't working untriaged labels Sep 13, 2024
@joshuali925 joshuali925 changed the title [BUG] Opened popover in iframe OSD interferes with select in parent frame [BUG] popover in iframe OSD interferes with select element in parent frame Sep 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@kavilla kavilla

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@kavilla @joshuali925 @LDrago27