Text select in Vaadin TextField on IE - vaadin

Double-click on my Vaadin table cell makes it editable.
I understand that once it's editable it's a TextField.
I'm able to select text in the TextField while on Chrome.
However, I'm unable to select the text on IE.
I'm using IE11. Expectation for the page is to work same across all(IE, Chrome, Safari, Opera, Firefox) browsers.
Vaadin 7.4.3 is being used in my application.

Try to update your Vaadin version and test. Probably this can be a bug and we can not help you. I suggest to create bug report on: https://dev.vaadin.com/

Related

scroll bar - browser scrolling up automatically when user selects or writing text in ckeditor using chrome

Scroll bar: browser scrolling up automatically when user selects or writing some text in CK Editor, using chrome.
I am using Full feature CK Editor as well, this issue not in Firefox or IE, but in chrome.
Please anyone have idea about this issue.

Selected tree nodes are not displayed properly in IE 8

In my application I have implemented Smartgwt TreeGrid with checkbox.
I have used the same code given in Smartgwt Showcase.
http://www.smartclient.com/smartgwt/showcase/#tree_checkbox
In Internet explorer 8, when I select any node, the selected nodes are shifted right from its' original place.
In Firefox and Chrome it works fine.
Please help me out in this.

Double clicking on a div with contenteditable inside and iframe disables div

If i create a div that has contenteditable true inside of an iframe and if you double click it it becomes non functional.the focus is still in the iframe and you can see the cursor, however it does not respond to keydown
Does anyone have an idea of how I can i overcome this?
EDIT:
i have implemented a dojo editor. if you open this link in ipad you will see the problem as described above.
Which OS you are using? You should make sure that you are using OS 5.0 or later. According to the (Apple's Technical Notes) and Safari Web Content Guide. It is written:
The HTML contenteditable attribute is supported in iOS 5.0 and later. In earlier versions, replace contenteditable, used to enable text input within a styled element, with a styled textarea element. In Safari, you can customize the appearance of textarea elements using CSS. If necessary, you can even disable any platform-specific, built-in styling on a textarea element by setting -webkit-appearance to none.
So, if you are using an old OS version, you could use textarea elements instead of contenteditable. Then, it is guaranteed that your application will work as well.
PS. you can use your IPAD to go on this website, to try how does it work with textarea. It might be an example for you.
Hope that helps.
Trying to get a contenteditable div to work inside of an iframe is one level of complicated, if you are trying to get it to work inside of a specific WYSIWYG editor like Dojo editor, is another level harder, as there is a lot of JavaScript affecting the interactions. It would help to explain the parameters a little better in your question.
Have you used a browser debugger (like Firebug) to see what's happening when you click?
This other SO question and answer about contenteditable div vs iframe is useful.
Finally, if you are using iOS Safari, make sure you are using Safari 5.0 or better as the contenteditable attribute was only recently supported on that browser.
EDIT:
Since you are using iOS 6, you should be using the iOS Safari JavaScript Debugger to let you know what's happening a little more clearly when you click on the editable div. If you can find some more specific error messages, please update us.

Browser compatibility jQuery UI dialog

I have a jQuery Dialog box on one of my pages. One of the buttons in the dialog boxes triggers a JavaScript prompt OnClick. Everything seems OK with the lastest versions of Internet Explorer, Chrome, and Mozilla Firefox, but some users are reporting weird behavior.
Are there any known browser compatibility errors with jQuery UI dialog boxes?
There is a known issue with ui dialog and IE6, you can read more here:
http://old.nabble.com/UI-dialog-content-in-IE6-shifted-left-td18567076s27240.html
It seems that the content randomly shifts left.

sIFR: How to prevent "click to enable text selection" in Firefox?

In Firefox, after you clicking on other places of the page and scrolling the page, you have to click on the flash text once to enable the text selection. Another similar issue occurs in Safari. But in Safari, the flash text cannot even be selected.
How to prevent these issues?
Make sure there is no wmode specified for the sIFR replacements, that should help.

Resources