NOTE: If you follow the steps below on IE11 (haven't tried other IE versions) it may crash your browser. So be prepared for that.
Open up my sample at http://jsfiddle.net/b8JZq/2/
I have a simple setup with a textarea hidden by default (via css style) and a button that shows the textarea.
Click on the button to show the text area.
In the textarea, enter only new line characters.
Click outside the textarea.
This consistently causes my IE11 to crash. Works fine on Chrome, Safari, FF versions I have tried.
Entering any other text apart from new lines only does not cause the issue. Problem also does not happen if the textarea was visible to begin with. Is there a workaround to this?
Now this is a known bug for the IE team: http://connect.microsoft.com/IE/feedback/details/808986/ie-11-entering-value-with-newline-in-textarea-crashes-browser
Related
I'm building a form using Hubspots native form builder and want the placeholder text within each field to be center aligned. This works fine for all the text input fields, but doesn't work on the Select drop down when viewing on IOS mobile devices (tested on Safari, Chrome and Edge for IOS). It appears to work fine on Android.
I've tried various CSS methods including
text-align:center
input, option, select[id="idstring]::placeholder, ::placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder, input::-moz-placeholder and a few more.
Completely at a loss on how to get it center aligned"
Can you try your use case via Safari Technology Preview and if it is not fixed, can you raise it on bugs.webkit.org?
Attaching standalone testcase to reproduce this on WebKit bugzilla would be great help.
I have a simple form in an iframe.
For demo purposes it only has a select and two text inputs.
After a fresh load I can open the dropdown.
As soon as I have clicked in an input field and that input field got the focus I cannot use the dropdown anymore.
It always immediately loses its focus to the last text input I have used.
You can see a demo here:
https://iframe.testlive.net/
This seems to be a Chrome issue (latest Chrome version on Windows 11).
There is no problem with Firefox and interestingly also no issue with Edge.
Any ideas?
Ok, it looks as if this issue is caused by a Chrome plugin: Enpass Password Manager.
I will file a bug report with Enpass.
I'm having trouble with a form in IE8. The input fields show the clear button like in the image below:
The solution I found in the web is to introduce this in my css:
.someinput::-ms-clear {
display: none;
}
But unfortunately this doesn't work in IE8.
I would like to make this button disappear because IE8 doesn't handle well the change event either to check when the field is cleared. (In IE8 the click event can be used, but when the handler is called the value is still not cleared)
Does anybody know how to solve this issue in IE8? Thanks!
This issue only happens when using the emulator in latest version of Internet Explorer.
In IE8 there are no clear buttons in form inputs.
I'm using Boostrap on a simple sign-up form and I'd like to setup the order of the tabbing order. It currently skips the "Sign up" button.
I did added tabindex="1" for each input field (e.g. 2, 3, etc.), including the submit button, but it doesn't works.
Here's a jsFiddle.
It seems to work in Opera, but not in Safari or Chrome. Any work-arounds?
UPDATE: Works in Chrome, Opera, but not Safari.
There is nothing wrong with your code. I would expect that to work in all browsers. However...
The prevention of this seems to be a "feature" in Safari. You have to enable tabbing to anything other than text inputs. Here's a screenshot from my Safari 5 preferences window:
If I check that box, your fiddle works fine. It also seems to work if I press alt + tab (on Mac... not sure about Windows since alt + tab would switch to another window).
I have some weird problem in rendering some xhtml in IE 8 http://img709.imageshack.us/i/scrj.png/.
Here is the screenshot. As shown the greet me submit button is higher than the text field. Which is kind of odd. I checked with some other browsers and it works fine, it also works fine on Windows 7 with IE 8.
Here is the code for the site:
http://pastebin.com/cUkVA1HP
http://pastebin.com/nU4cdpDE
and the reset I'm using
http://pastebin.com/uyEbAsEF
I'm really puzzled by this strange behaviour. Thanks in advance for any ideas.
If x = height of the text field, set the submit button's HEIGHT and LINE-HEIGHT to x.