On IE input text is non-editable. It is implemented with angularjs - javascript

On IE the input[type="text"] is not editing and also, I am not getting scroll bar for the list by using overflow by setting height in IE. In chrome it is working fine.
Is there any hack code to make text box editable?.
I want make the text box editable.
I also, want to get scroll bar for the vertical list items in IE
I searched in this stackoverflow. Not able to get proper solution
If anyone can come up with the solution it would be great.
I am thanking you people in advance.

Related

Ckeditor Balloon Toolbar showing at wrong position in firefox

I am using Ckeditor balloon toolbar in my application. It works fine on Chrome. But on firefox, when I scroll the page, toolbar scrolls down and next time when I select the text it shows at wrong position.
In the below attached image, the balloon toolbar position is at wrong position.
Why is it so? It works fine on Chrome.
I was able to find the solution for the question I posted above.
The issue was related to CSS. CSS in HTML tag i.e position: relative was conflicting with it.
After removing that, it worked fine.

Select list item partially cut off in Firefox

Can someone tell me what might cause Firefox to render the selected item in a select list off center vertically?
This is happening in CRM using Jquery Steps and Validation. Not sure if that is a potential source of the issue/css conflict or not.
Select list displays normally in Safari and Chrome.
I am setting the width of the select list in jquery
$("#state").css("width", "180px");
No other styling is being intentionally applied to it.
It's probably because there is not enough room. Those drop-down boxesneed a little bit extra room to fit the text in. It's an easy fix really, just add a bit more height to the css.

AngularJS UI partially blank/white when scrolling or providing input on mobile

Our angularjs site seems to be having issues with page size on mobile. It seems that when you pull up an input (dropdown or text), some area of the page behind the buttons and inputs goes white.
Regardless of where you are providing input, the white area starts at a particular spot on the page and stretches all the way to the bottom.
I've tried using Safari to inspect the DOM on mobile but I can't seem to figure out where to start debugging this. Any ideas?
On input
On scroll

Preventing scroll in scrollview with YUI3

I am using the scrollview to contain a group of div widgets. So, that many widgets may be contained in a small area yet usable. However, the form dropdown input seems to be buggy/ completely messed up because it wants to scroll with it. In Firefox I have to right click then select for it to pick anything and in chrome it just blacks out the div until I select something and it all comes flying back. Is there a way for me to tell YUI to not scroll when selecting a form?
Thanks.

JavaScript expanding div doesn't work in IE

I have a script that lets you put a link at the bottom of some text so you can reveal more text. It works great in Firefox. When you click the link, the div appears and the other parent divs expand with the growing child div. But the parent divs don't expand in IE. The text actually disappears behind the row (this is in a table created with divs) below. I want it to push the next row down so that the rest of the text appears.
Also, my images seem larger in IE than they are in Firefox. Can I scale the images a little bit with a conditional statement? If so, how?
Have you considered using something like the JQuery Accordion? It's a quick way to accomplish something like you're going for, if I understand correctly.
you have more than one problem, anyway images with fixed sizes should render the same across browsers. For the first problem with the link you should post some code. I suggest you to check if your script throws some errors in IE using the IE developer toolbar (bundled with IE8 or downlodable here from Microsoft)

Categories