roma_75814

[haughty jay]

<div style="position: fixed; bottom: 0">
<iframe>
..Payment Element iFrame...
</iframe>
</div>

After scroll page, <select> element has wrong position

[deep pewter]

Hi, I am not sure whether our Payment work well with fixed positions. It could have expanding dive, lines based on the way it's configured with Apprearance API. I would recommend to not fix the parent div and workaround

[haughty jay]

I want my widget to be fixed at the bottom of the page

And i add position: fixed for my custom wrapper-element

[deep pewter]

What happen, or what issue you are trying to avoid, if you don't set position fixed?

[haughty jay]

by design

The user should see Stripe Payment Element when he scrolls the page

[deep pewter]

Yes, but if you don't fix the position, what happen?

Oh or do you want to fix the postion so customer doesn't need to scroll and still see it?

[haughty jay]

yes

Oh or do you want to fix the postion so customer doesn't need to scroll and still see it?
right

[deep pewter]

I am afraid that wouldn't work well with PaymentElement, sorry. It's a dynamic component rather than a fixed component

[haughty jay]

if i add position: fixed on demo and scroll - works well

[deep pewter]

The demo list could be way shorter than your page

what is the issue exactly? Don't see unusual thing on your screenshot

[haughty jay]

On my second screenshot dropdown <select> has wrong position

Big gap

When i scroll <select> jump

This happens if I make the form itself fixed

But on the demo site it works ok (with position: fixed too)

[deep pewter]

Umm that a weird bug but as mentioned the PaymentElement could doesn't work very well with position. Not sure why it "works" on the demo. In the demo it doesn't have such a large list, right?

I think it would break too with a large selection list

[haughty jay]

On demo okay

[deep pewter]

Um sorry, could you write into Support and include a publicly accessible URL which reproduces?

[haughty jay]

Send support email address please