Proxy's iframe element takes place in DOM

[RoniGordin]

When calling proxy method, the injected iframe element still takes place in DOM, I see the current hiding method is using the next props for the iframe's style -

width: 0;
height: 0;
border: none;

(inside proxy function)

Using display: none; instead solves the problem for me,
but I'm still trying to figure out if it can mess up any other functionality and if so, is there another solution?

[jcubic]

Are you sure you mean to take place in DOM? display: none doesn't remove the element from DOM. But I need to check if display: none makes Cross Domain work on every platform. I don't remember why it's like this, but this was probably added for a reason.

[ballonura]

Are you sure you mean to take place in DOM? display: none doesn't remove the element from DOM. But I need to check if display: none makes Cross Domain work on every platform. I don't remember why it's like this, but this was probably added for a reason.

Maybe we should consider add a style obj, that can dynamically apply to the brand new iframe element?

[RoniGordin]

Are you sure you mean to take place in DOM? display: none doesn't remove the element from DOM. But I need to check if display: none makes Cross Domain work on every platform. I don't remember why it's like this, but this was probably added for a reason.

Sorry, I meant it takes space, the element containing it overflows

[jcubic]

Will check maybe the iframe has padding, or maybe because it's an inline element.

[jcubic]

@RoniGordin For me, it has a size 0x0px so it doesn't take up any space. Maybe you have other CSS that is applied globally.

but I can add

position: absolute;
left: 0;
top: 0;

or even -99999px; so it's outside the page.

[jcubic]

Should be fixed now

[jcubic]

@ballonura by style object if you mean style tag: <style></style> then I would prefer to not include additional DOM elements, we have only a single iframe tag. But maybe if users will use more than one iframe that will make sense.

[ballonura]

@ballonura by style object if you mean style tag: <style></style> then I would prefer to not include additional DOM elements, we have only a single iframe tag. But maybe if users will use more than one iframe that will make sense.

Thx for the quick response.

[RoniGordin]

Should be fixed now

Tested now, looks perfect
Thank you so much! 🙏