You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#108585 Hardly impossible to navigate using keyboard

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by crimle on Thursday, 26 August 2021 11:43 BST

crimle
Hi Ryan

I am testing Joomla 4.0 with JCE Editor Pro 2.9.11. There is an issue when using the keys ←↑→↓ to navigate through the text.

The keys ←→ are ok

With the keys ↑↓ the cursor stops at the end resp. at the beginning of each paragraph. You can navigate through the text within the current paragraph only. Once you have reached the end of a paragraph, you need to press →. This places the cursor into the following paragraph. Now ↓ works but not further than to the end of this paragraph.

Thank you and kind regards
Chris

Ryan
Please try JCE Pro 2.9.12 Beta - https://www.joomlacontenteditor.net/downloads/editor/pro/development

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

crimle
Hi Ryan

thank you. Unfortunately 2.9.12-beta 1 did NOT resolve the issue. Same behaviour of the arrow keys as before.

Kind regards
Chris

Ryan
In my tests this was caused by the display:flex styled set on the tag by the default Joomla "Cassiopeia" template. The solution was to force an override of this style.

Please clear you browser cache.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

crimle
Hi Ryan

in my opinion the Cassiopeia Template is not involved when editing an article in the Back-End. Right?
If I switch to TinyMCE Editor, the cursor behaviour is normal.
So it is a JCE related issue.

Thank you and kind regards
Chris

Ryan
in my opinion the Cassiopeia Template is not involved when editing an article in the Back-End. Right?
If I switch to TinyMCE Editor, the cursor behaviour is normal.


JCE loads the template stylesheet into the editor so that the editor content is displayed with the template's styles. In this case, the display:flex style I referred to earlier is applied, causing the issue. The Joomla Tinymce editor does not load the template's styles.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

crimle
Ok, I see. I would like to set the correct option for the «display» parameter in my user.css. But there are so many possibilities. Which one would be appropriate?

display: none;
display: inline;
display: block;
display: contents;
display: list-item;
display: inline-block;
display: inline-table;
display: table;
display: table-cell;
display: table-column;
display: table-column-group;
display: table-footer-group;
display: table-header-group;
display: table-row;
display: table-row-group;
display: flex;
display: inline-flex;
display: grid;
display: inline-grid;
display: ruby;
display: ruby-base;
display: ruby-text;
display: ruby-base-container;
display: ruby-text-container;
display: run-in;
display: inherit;
display: initial;
display: unset;

Ryan
The default display for the tag is display: block;, eg:

body {
    display: block !important;
}
!important is added to override the template style.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

crimle
I added

body {
    display: block !important;
}
to the user.css file. The Firefox inspector confirms that the parameter is correctly applied. See screenshot: Nevertheless, the issue is not resolved. Thank you and kind regards Chris

Attachments

Ryan
Please send me a login - https://www.joomlacontenteditor.net/contact/site-login

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Ryan
My apologies Chris. It seems that somewhere between fixing the problem and releasing the beta, the fix was removed! I have added it back in the latest beta and installed it on your site. It appears to be working now.

Please clear your browser cache before testing.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

crimle
Thank you Ryan. I just tried and it's working. Cool!