Support Forums - Classified Ads Script Osclass
Osclass theme support => Free themes => Patricia Osclass Responsive Theme => Topic started by: happymewtwo on November 01, 2023, 01:52:29 AM
-
Hello everyone!
Is anyone still using this theme?
-
Yes, i'm still using it.
Hello everyone!
Is anyone still using this theme?
-
Yes, i'm still using it.
Hello everyone!
Is anyone still using this theme?
Hi, since you use it as you say, i'm helping in a new site and i have some display issues of TinyMCE (html editor) for the users. The strange thing is that this issue is not happening all the time. If you try to post a new ad, you may get the issue but sometime not.
See the issue in the capture and if you have any suggesting i would appreciate it. I have spend a lot of time and i can't figure it out. Tried also Jquery 1.x with no luck.
Thanks
(edit: this seems to be an issue ONLY with Firefox. Chrome and Edge seem to work right)
-
Looks like just some small issue with css.
-
Looks like just some small issue with css.
Probably, but i have spend hours to find the cause, and i have failed so far. Seems strange that when you get the issue, if you just refresh the browser 2-3 times, it comes back.
What kind of strange issue that is ....
-
Send url.
-
Send url.
Thanks for the offer, it is on a test server and not a valid url is possible to post here right now.
-
It seems that this is not a css issue.
I don't know why, but the buttons are formatted differently when displayed incorrectly, you can see it via the inspector
/************* Correct formatting ********************/
<button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 01-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 11-1.4 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 1.4L6.4 8z" fill-rule="nonzero"></path></svg></span></button>
/************* Incorrect formatting ********************/
<div class="button" style="user-select: none;"><span><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 01-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 11-1.4 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 1.4L6.4 8z" fill-rule="nonzero"><button aria-label="Undo" title="Undo" type="button" tabindex="-1" class="tox-tbtn tox-tbtn--disabled" aria-disabled="true"><span class="tox-icon tox-tbtn__icon-wrap"><svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 01-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 11-1.4 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 1.4L6.4 8z" fill-rule="nonzero"></path></svg></span></button></path></svg></span></span></div>
-
Looks lije javascript library "uniform" might do this.
Patricia theme could use it.
-
Looks lije javascript library "uniform" might do this.
Patricia theme could use it.
Could you pls expand a bit on that. We have found a Wordpress developer that could help even for Osclass :)
I mean, what libs should we look for? Update them?
-
Disable uniform initialization for tinymce
-
Disable uniform initialization for tinymce
Thanks, we have managed to solve this 1st problem by just waiting 2-3 updated of ... Firefox. latest version doesn't seem to suffer from this ....
But it seems that tinymce in mobile phone is excess in width, and we can't find a way to solve this. In all browsers. You are able to scroll horizontally. In text editor mode, all seem fine.
Unfortunatelly your demo of the theme has the text editor enabled so we can't check if this is something else.
-
Ok, maybe i found a fix at Stackoverflow. The issue come from the toolbar of Tiny. Adding some css makes the toolbar scrollable horizontally and fix the issue. Maybe a quick-and-dirty fix but seems to work.
div.tox.tox-tinymce {
width: 400px !important;
}
-
You coukd also use max-width.
-
You coukd also use max-width.
Thanks. Still i'm not happy with this fix i found, i must find a better one. A fully responsive one.
-
A much better approach: Edit osclass functions.php "tinyMCE.init" around line 1350 and add:
mobile: {
toolbar_mode: 'wrap',
}
(tested and works)
or
mobile: {
toolbar_mode: 'floating',
}
not tested.
-
Disable uniform initialization for tinymce
Thanks, we have managed to solve this 1st problem by just waiting 2-3 updated of ... Firefox. latest version doesn't seem to suffer from this ....
But it seems that tinymce in mobile phone is excess in width, and we can't find a way to solve this. In all browsers. You are able to scroll horizontally. In text editor mode, all seem fine.
Unfortunatelly your demo of the theme has the text editor enabled so we can't check if this is something else.
I would like to correct the above post of mine.
Looking closer what has changed, it is NOT a Firefox update but apparently the guy working on the site, switched to General / Jquery to 1.x.x instead of 3.xx. So that was the fix, JQ 1.x.x.