Tweet
We had been trying to use the widget on an iframe on our site to allow donations to be processed. We ran into the following problem:
The problem with the form that we're where using on youthprise.org comes from click and pledge payment widget and their use of the bootstap CSS rule .pull-right on the <select> <option> menu that shows and hides the expiration dates. It is currently being forced float: right !important; which causes the Security Number (CVV) input element to move up and over effectively covering up the users click area that toggles the select menu. . So the way it is right now its possible to open up the expiration date menu but you have to click on the top 1/8 of the select menu to open it because that's the only part that isn't covered by the Security Number element.
We had to revert back to one of the other forms to allow uses to select the expiration date menu and change the year. I don't think we can use the widget until those are fixed. Would it be possible to get those adjusted so we can use the widget. (we want to use it because of the responsive design - other payment forms don't have that).
Derrick
The problem with the form that we're where using on youthprise.org comes from click and pledge payment widget and their use of the bootstap CSS rule .pull-right on the <select> <option> menu that shows and hides the expiration dates. It is currently being forced float: right !important; which causes the Security Number (CVV) input element to move up and over effectively covering up the users click area that toggles the select menu. . So the way it is right now its possible to open up the expiration date menu but you have to click on the top 1/8 of the select menu to open it because that's the only part that isn't covered by the Security Number element.
We had to revert back to one of the other forms to allow uses to select the expiration date menu and change the year. I don't think we can use the widget until those are fixed. Would it be possible to get those adjusted so we can use the widget. (we want to use it because of the responsive design - other payment forms don't have that).
Derrick
Comment