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.

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

fix(browser): orchestrator preventing iframe mouse interaction #5813

Closed

Conversation

userquin
Copy link
Member

@userquin userquin commented Jun 1, 2024

Description

Please don't delete this checklist! Before submitting the PR, please make sure you do the following:

  • It's really useful if your PR references an issue where it is discussed ahead of time. If the feature is substantial or introduces breaking changes without a discussion, PR might be closed.
  • Ideally, include a test that fails without this PR but passes with it.
  • Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.

Tests

  • Run the tests with pnpm test:ci.

Documentation

  • If you introduce new functionality, document it. You can run documentation with pnpm run docs command.

Changesets

  • Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.

@userquin userquin marked this pull request as draft June 1, 2024 16:20
@userquin
Copy link
Member Author

userquin commented Jun 1, 2024

Weird behavior when resizing the panel.

@userquin userquin marked this pull request as ready for review June 1, 2024 19:36
pointer-events: none;
}
[data-viewport="custom"] {
padding: 11px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why do you need margins and paddings?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I intentionally removed all paddings

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It is about the 11px on the left resizer (avoid overlap)

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I can remove both margin and padding, shouldn't be a problem

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There is no overlap, the resizer appears on top of the panel

@@ -151,7 +151,7 @@ async function createTesters(testFiles: string[]) {
const container = await getContainer(config)

if (config.browser.ui) {
container.className = ''
// container.className = ''
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why did you comment that out?

@@ -151,10 +150,8 @@ async function createTesters(testFiles: string[]) {
const config = getConfig()
const container = await getContainer(config)

if (config.browser.ui) {
container.className = ''
if (config.browser.ui)
container.textContent = ''
Copy link
Member

@sheremet-va sheremet-va Jun 1, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why did you remove this? Only the fallback text should be centered

iframe should touch every border

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

now it is always centered, the container and the iframe will have the same size

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've removed also the overflow auto in the container and so centering the content doesn't matter

Copy link
Member

@sheremet-va sheremet-va Jun 1, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the iframe should not be centered

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you please explain why you did it and not just state that you did it? I can see the code, I don't see why. The iframe was never meant to be centered

@sheremet-va
Copy link
Member

sheremet-va commented Jun 1, 2024

There is a lot of changes to styles here that have nothing to do with resizing. The styling works correctly before. Just keep the resizng bug fix please

@userquin userquin closed this Jun 1, 2024
@userquin userquin deleted the userquin/fix-browser-iframe-preventing-mouse-events branch June 1, 2024 21:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants