Safari 5 on OSX text blurry
Brought to you by:
cdolivet
The text in the edit area is blurry on Safari 5 in OSX. It seems that it is the css code
.hidden {
opacity: 0.2;
filter: alpha(opacity=20);
}
that is causing this. Setting the opacity to 0 seems to fix it. Haven't found where that is in the source file yet.
when i do i will post an update.
cheers and thanks for the great work
Kris
In Safari on OSX it's not the opacity, it's the margin-left -3px. The opacity will fix the bug on the windows browsers of Google Chrome and Firefox.
I have found the solution for this bug, open edit_erea_full.js, search for .hidden and set opacity:0.2; to opacity:0; and filter: alpha(opacity=20); to filter: alpha(opacity=0);
That's the fix for windows, notice that on safari it's still blurry.
Now we will be fixing the bug with safari, search for:
if(t.isSafari){t.editor_area.Ç.position=\"absolute\";a.Ç.marginLeft=\"-3px\";
and replace it by:
if(t.isSafari){t.editor_area.Ç.position=\"absolute\";a.Ç.marginLeft=\"0px\";
and your done!
Good Luck
On osx 10 firefox the opacity fix causes the cursor/caret to disappear.
I got the cursor to reappear by applying the fix mentioned in this thread
https://sourceforge.net/p/editarea/discussion/556920/thread/8f559048/