When viewing the source code in an instance of CKEditor, the code is not wrapping when using Firefox (version 36.1). I have checked this with the CKEditor demo to make sure it is not my code, and this problem happens there too.
I have checked the demo in Internet Explorer 11, Opera 27.0 and Chrome 41 and the source code wraps in all of these browsers, so why is it not wrapping in Firefox?
I am using Windows 8.1.
Thanks.
It's a recent change in Firefox and you can fix this by adding to your stylesheets:
textarea.cke_source {
white-space: pre-wrap;
}
Check this ticket. This issue will be fixed in next minor CKEditor release.
Thank you Reinmar. I was able to fix this by changing this style in:
ckeditor/skins/moono/editor_gecko.css
.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre
}
was changed to
.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre-wrap
}
I changed this in editor.css as well.
Related
I am using a bootstrap 3 template and have noticed on some that scrolling is not smooth and kind of bumpy. I am not even sure what to look for. This only happens in Chrome. It does NOT happen in Safari or Firefox.
Is this a javascript or css problem? I have never run across this before.
This seems to happen worse in Chrome for mac, but also happens in chrome for windows.
It seems to happen when I make the window smaller and then make it bigger again. If I leave the window the same size, it seems to scroll fine.
Link:
http://demo.phppointofsalestaging.com --> Click Sales then resize the window in Chrome and then scroll down and then up. You will notice it is very bumpy and not smooth
:root { scroll-behavior: auto; }
Add this simple code to your custom CSS file.
"scroll-behavior" declared as "smooth" in bootstrap css/bootstrap.reboot.css.
So we need to overwrite it using our custom css.
The problem is in the jquery.nicescroll plugin that is used with the theme, the function jQuery.fn.scrollTop make the problem, it takes more than 75% from the cpu when run. my solution is :
You are using the jquery.nicescroll plugin version 3.4.0 use the latest version currently version 3.5.0 available.
If not working as expected, downgrade to version 3.2.0 I'm using it with my site without any problem.
Also check that if the hwacceleration in the Configuration parameters of the plugin is set to (default: true).
Update 1:
nicescroll plugin is a solution to have a custom scrollbars compatible with desktop, tablet and phone devices and to override the default scrollbars of the browser " more information her ", "you didn't see the diffrence because the plugin used in your project works when your browser window under 767px" so another solution if you don't need it you can remove the plugin from your files by following this steps:
Delete the plugin file (jquery.nicescroll.js) from your script folder.
Delete the plugin link from all your files.
Delete the plugin function lines (21 to 36), (49 to 66), (149) from (unicorn.js) file.
Update 2:
I made some tweaks for the (unicorn.js), download it from her, then replace your original one.
Hope this will help you.
After testing I have found Disqus makes IE8 go into Compatibility Mode "Hard Assert". When I remove it it stops the behavior and stays in Standard Mode. Due to the fact that IE8 is tide to Windows XP IE8 will be around awhile. Worth fixing. Anybody know a fix for this? I already contacted Disqus support. I am not hopeful of a quick response.
If you dont want to use CC's to target IE8 Disqus just say...
#disqus_thread {
display:none; /* IE8 */
}
:root #disqus_thread {
display:block;
}
That is not the case. Remove the css remove the issue.
Yesterday I updated to firefox 13 and I notice that this property is not any more supported by firefox 13, jquery.ui.css make use of this, and now I have all jquery ui elements with no round corners. Any solution before replacing all manually in css file with border-radius?
https://developer.mozilla.org/en/CSS/border-radius
says it was removed in 13, theres no other option than to change it to border-radius. I wouldn't call it manual, open them in a text editor and do a search and replace
border-radius is the standard, so it should have always been included in your css as a fallback as browsers adopted the standard.
Previously I used:
-moz-border-radius:10px;
-webkit-border-radius:10px;
but they stopped working in v13. I switched to:
border-radius:10px;
and it is working again!
Normally, you just should have to do nothing, because the jQuery-UI css files declare the border-radii the correct way.
<prefixed>-border-radius:xxx
border-radius:xxx
This way you shouldn't even notice the change. So I can't believe that you will miss the round corners without having altered the original stylesheet. Perhaps your problem lies somewhere else?
Find and Replace in complete Project...
Please open this fiddle with both firefox and Chrome.
http://jsfiddle.net/mattdevo/5bdDd/
as you may notice, text flows past div in firefox.
What is my mistake? (removing strong tags did not help...)
Thanks,
You're using display:-moz-box;; if you really need it you should also add -moz-box-orient: vertical;
Using a Firefox only display type leads to incompatibility, that's normal.
If you remove
display:-moz-box;
This works in FF as in Chrome.
Testing in various versions of Firefox new and old it seems that column-span in CSS3 is ignored completely?
Even the simple demo on quirksmode fails in firefox:
http://www.quirksmode.org/css/multicolumn.html
Has this ever worked? I'm having trouble finding anything related online. Surely it should work if there is a prefix for the rule (-moz-column-span)
Am I missing something?
As of today, -moz-column-span and column-span are still not supported by Firefox.
No, -moz-column-span and column-span are ignored by Firefox. Here is the bug: https://bugzilla.mozilla.org/show_bug.cgi?id=616436
CSS column-span is shipped in Firefox 71.
https://hacks.mozilla.org/2019/12/firefox-71-a-year-end-arrival/
Here is your reference from the W3C: column-span
-moz is only the Firefox prefix. So you will need use the WebKit and regular declaration as well.
It should look something like this:
.pullquote {
-moz-column-span: 2;
-webkit-column-span: 2;
column-span: 2;
}
Single Column is not the worst thing as a fallback, but IE users might not be super into this. See more info at the Can I Use website.