Invalid positioning of HTML5 form validation bubble in Chrome - validation

Anyone have an explanation why the Form Validation Bubble is positioned with a large offset in Google Chrome when attempting to validate a form hosted in a jquery UI dialog? You can observe that the positioning works ok when removing the javascript call that creates the dialog. It's working fine in Firefox and Opera.
http://jsfiddle.net/oliverw/Z6xAz/

This been confirmed to be a bug in Chromium.

It is a Chrome bug, seems they already saw it. I hope they can fix it for next version....
https://bugs.chromium.org/p/chromium/issues/detail?id=660840
https://bugs.chromium.org/p/chromium/issues/detail?id=680019

Related

KendoUI Upload status message issue in IE9

While using Kendo UI Upload control I am facing a UI issue that I am unable to resolve as in FF, Chrome and IE10 its fine. But, in IE9 the UI is little bit distorted when status message is displayed.
After observing in IE developer tool, I found the following difference in the rendered HTML. Please refer the image -
In IE10 the status-message is wrapped inside a div with class k-dropzone. But, in IE9 there is no wrapper for that. What could be the solution for this?
Thanks
Perhaps padding div containing the file upload control will spread out the elements a little:
#fileUpload {
padding:15px,15px,0px,15px;
clear:both;
}

Ordered list is not rendering in Kendo UI Editor inside Jquery UI Tab in IE9

Ordered lists show numbers as zeroes in IE9 when placing inside Jquery UI tab.
In all other browsers including(IE7,IE8) working perfectly.
Can any one help me? Thanks in advance.
Seems to be a duplicate of Ordered list showing all zeros in IE9 (cannot close it down with this reason, unfortunately).
In short, it isn't really a jQuery nor Kendo-UI issue, but a known IE9 thing.

TinyMCE not capturing spacebar/whitespace keypress

I ran into a strange issue with tinyMCE that i was not able to replicate outside of my complete framework. The whole thing runs only in FireFox, as it supports only FF, therefore the issue is limited to FF.
I use AJAX calls to dynamically load one or multiple instances of tinyMCE.
However, when entering/editing text the spacebar will not work in the text editor. All other keys work, but the spacebar does not. Instead it triggers a page jump in the browser window itself.
This issue only occurs on Windows under FF 12.0
It all works perfectly fine on FF under OSX.
I was unable to find out why this would be happening. Perhaps somebody can give constructive input. Thank You!
This problem is a bug in TinyMCEs input handling and occurs in some cases when TinyMCE is being introduced to a document dynamically.

Unable to highlight text in textboxes in IE9

I have C# MVC web app that has some textboxes that in IE9 you can enter in text, but you can't highlight via the mouse or via holding shift and the arrow keys.
I've looked around on the web and i've found other people experiencing this, with no solution.
One site i found claimed it was an issue with IE9 on pages that make multiple AJAX calls, which my site has but, removing AJAX really isn't a solution.
Is there a way via code or via settings in IE9 so that users can highlight text in a textbox? Or is this an outstanding bug in IE9?
Edit:
The website works perfectly fine in chrome
Turns out it was a rogue jquery statement that was
(.someClass).disableSelected()
that was disabling selection on every single textbox in my site. The kicker being that IE and Chrome handled it one way and Firefox a different way making it seem like a different bug
I had the same issue.
Select Tools on the IE bar / F12 developer tools. under the tab ( Document Mode IE9 standards ) check marked Alt+9. Closed the developer box. Closed IE9 opened it back up and everything worked as it should.
Hope this helps.

Cannot click or select inputs on IE 8 Form

So basically been working on this issue for far too long now and nothing I do seems to fix the issue.
Basically if you go to http://www.completeenergy.co.uk and click on the "Get a Quote" button then try to enter details into the form nothing happens. You can not click on the inputs and or select anything within the form. This seems to happen in both IE7 and IE8.
Any ideas as to why this would happen when all other browsers seem to be working fine?
Okay, I seem to have accidentally come across the culprit. There was some strange conflicting issues arising from using the jquery pngfix. I made it so only versions lower than IE 7 can use it and boom, it starts working again.
Thanks for the help though.
not sure, but it worked fine for me in IE8. Do you have any toolbars installed?
This common issue is usually due to a z-index bug in IE. Try giving the input relative positioning and assigning a higher z-index.
I was clicking on a form on a company intranet web site and nothing was happening.
Intranet defaults IE into compatibility mode, so the form was broken.
You can force edge compatibility in your browser or with HTML and IE behave like modern browsers.

Resources