[#34695] - [4.0] No toolbar controls under lg breakpoint
- New
- Medium
- Build: staging
- # 34695
Steps to reproduce the issue
Go to Content > Articles > [+] to create a new article.
Shrink the window to go under lg breakpoint.
You are under lg when the controls on the right disappear (the ones in the image).
(BTW maybe lg is too narrow (there is XL and XXL) or just 3 columns are not enough, as you can see they overflow on the right)
Now everithing looks fine.
Refresh the page.
The toolbar controls (Save, Save&Close, Cancel, Help) are gone.
I think that is caused by some JS because you can see them for a couple of moments, then they disappear.
If you resize the window they appear again, but I immagine on devices such as tablets, they are never shown and there is no way to save an article.
Additional comments
Anyway why is JS needed to manage the appearence or disappearance of the controls? Css with meadia queries should be sufficient and you would avoid the blinking effect of elements appearing/disappearing.
joomla-cms-bot
- | Labels |
Added:
?
|
||
| Title |
|
||||||
@brianteeman You missed the "Refresh the page" point.
And stop before the gears appear.
Got it now and confirmed
Thanks for taking time to check
I think the issue is in the autum template.js file where the media-queries and the collapse function are located.
media/templates/administrator/atum/js/template.js
This will help
document.addEventListener("DOMContentLoaded", function() {
if (mobile.matches) {
setMobile();
} else {
setDesktop();
}
});
May I suggest to add release blocker to this issue? Joomla 4 stable is out and it is not usable in the MD breakpoint (which is many tables or side by side window on desktop) because toolbar is missing some fundamental parts. It is kinda big deal, isn't it?
Instead of doing
if (mobile.matches) {
changeLogo('closed');
if (subhead) {
subhead.classList.remove('show');
subhead.classList.add('collapse');
}
}
Wouldn't it be better to just immediately run setMobile()?
if (mobile.matches) {
setMobile();
}
Hackwar
- | Labels |
Added:
No Code Attached Yet
bug
Removed: ? |
||