I’m having an issue with Bubble built forms when viewed in Internet Explorer (version 11 running on Windows 7 and on Windows 8).
The placeholder text of the first field of the form disappears when the page loads.
Doesn’t seem to happen in Chrome, Firefox or Safari…just Internet Explorer.
On all the browsers I’ve tested against, the cursor is automatically placed in the first field of the form upon page load. For some reason, in Internet Explorer, this causes the field’s placeholder text to disappear leaving the user with no guidance as to what to enter into that field (unless they think to click out of the field, at which point the placeholder text reappears).
The form field placeholder text also disappears whenever I click into any field on the form…again, only in Internet Explorer. All other browsers seem to correctly retain the placeholder text until I start typing something into the field.
This seems to be an Internet Explorer quirk as Twitter signup has the same problem.
But it’s probably a fixable problem as Bank of America (viewed in Internet Explorer) does not have the issue.
Is there some way that I can prevent this problem from happening in Internet Explorer…maybe a Bubble setting or hack that I’m not aware of?
If there is no quick way to prevent the form field placeholder text from disappearing when in focus on IE, then maybe there is a way to prevent the first field from coming into focus on page load. BrowserStack seems to do this with it’s signup form.
Any suggestions on how I could address this would be most appreciated.