CKEDITOR 4: Table cell selection not coming properly on Chrome and IE - ckeditor

I want to select only first two cells of an column, I am able to select in Firefox but Chrome and IE I am not able to select like that. What to do now?

It's not a CKEditor issue but browser-related problem and there's no workaround for that. This is because, due to the lack of standards and recommendations, different vendors implemented many contenteditable features in a totally different way. And this is one of them. There's nothing we can do about it until some standards emerge.

The Table Selection CKEditor 4 plugin allows to select multiple cells by clicking and dragging with the mouse cursor like you would in other content editors.
Tested with latest Firefox and Chrome.

Related

Cannot scroll in Firefox DevTools' Style Editor using scrollbar thumb

I have just started using the Firefox Developer Tools. When I am in the Style Editor, I can't seem to grab the scrollbar thumb to scroll through my style sheets. I assume I'm missing something but can't find what. I have restarted the developer tools, and restarted Firefox, but that didn't help.
My cursor stays as if it is selecting text, even when I hover over the tiny scrollbar thumb, thus it doesn't let me grab the it. Obviously this is important as style sheets can have many lines!
I am using Firefox 50.1.0 currently.
This is a known bug filed as bug 1265807 .
A workaround for this is to switch to the Firebug theme, which uses the OS default scrollbars:

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.

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.

Style Option Element Safari Mac

After extensive testing, I believe it is not possible to change the color of the text in an option element of a select dropdown in Safari for Mac. (By that I mean have the text of some option elements one color, and others a different color). I've tried css, inline styles, JS, and (shock) a font tag.
It does work in Safari for PC however! Also chrome, IE and firefox on both platforms. It does work in safari mac if you use a "multiple" select, but not single line/traditional select box.
Can someone confirm?
(BTW, I don't really want to be told "you shouldn't do this" or "why ever would you want to do that", etc, just confirmation that it either is impossible, or an explanation of some way of doing it).
Thanks!

Is there a workaround to be able to drag and drop input types with Firefox and HTML 5?

I have a cross browser solution for dragging and dropping using HTML 5 that works for all elements in IE 9, Chrome, and Safari. Firefox works for everything except input types such as textboxes.
I have done a lot of research on this with a lot of help from these resources:
http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/
http://html5doctor.com/native-drag-and-drop/
I have also scoured the HTML 5 spec and the Firefox MDN and other resources and have found no solution to the problem. I would hate to fall back to a jQuery library, but it just looks like HTML 5 is not ready for prime time and that I may have to do so.
Has anyone tried this and have a solution or am I going too far over the edge here? Glad to see workarounds are so prevalent in HTML 5 already and my dream of HTML 5 being cross browser so quickly destroyed with the first new thing I try. The spec makes it sound simple. Add a draggable attribute and handle a few events. Except, IE only supports anchor tags and image tags. Webkit browsers need CSS and Firefox apparently doesn't support input fields.
Try dragable attribute for firefox and -webkit-user-drag css property for webkit-based browsers.
See http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html#link9

Resources