[#35096] - Render issue for editor field Codemirror when added to core component via plugin
- Closed
- 28 Nov 2021
- Medium
- Build: 4.0
- # 35096
Steps to reproduce the issue
Download the plugin: https://www.rickspaan.nl/testplugin.zip
Install an activate the plugin
Got to System -> Site template styles -> Cassiopeia
There should be an extra tab with an editor field with Codemirror layout
On initial load the gutter is to small and the line numbers are missing. Also when you start typing the first few characters are hidden behind the gutter.
When the page is reloaded the gutter is shows. After clearing the cache the same problem occurs.
Expected result
Gutter should always show
Actual result
System information (as much as possible)
Additional comments
It looks like some javascript is loaded to quickly / slowly.
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
I hope someone can find some time to fix this as it is rather annoying to press refresh every time this happens.
@dgrammatiko Could you please take a look at this? It's bugging me for so long. Don't know how to fix this... Hope you can help!
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35096.
Will have a look this weekend (hopefully, I have a big todo list…)
This is old codemiror issue, happen when it initialized with a hidden element.
Need to call
element.CodeMirror.refresh()when the element become visible.
@Fedik can you tell me in which file I have to call the refresh? Any guidance to solve the issue would be great. I asked @dgrammatiko but het is also really a busy guy ;)
I was playing with https://issues.joomla.org/tracker/joomla-cms/23577 en encountered the same issue.
Wait, I will make PR
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-11-28 13:44:33 |
| Closed_By | ⇒ | Fedik |
This is old codemiror issue, happen when it initialized with a hidden element.
Need to call
element.CodeMirror.refresh()when the element become visible.