J3 Issue ?
avatar ReLater
ReLater
11 May 2018

Steps to reproduce the issue

  • Nightly Build 3.8.8-dev, 2018-05-09. Also reported for Joomla 3.8.7.
  • Edit an article with smartphone or with reduced display width. Editor TinyMCE.
  • Click Image button.
  • PopUp window has no horizontal scrollbar and is not responsive.
  • See image

12-05-_2018_00-11-49

avatar ReLater ReLater - open - 11 May 2018
avatar joomla-cms-bot joomla-cms-bot - change - 11 May 2018
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 11 May 2018
avatar ReLater ReLater - change - 11 May 2018
Title
TinyMCE Image Manager not responsive and no vertical scrollbar
TinyMCE Image Manager not responsive and no horizontal scrollbar
avatar ReLater ReLater - edited - 11 May 2018
avatar franz-wohlkoenig franz-wohlkoenig - change - 12 May 2018
Category Plugins
avatar franz-wohlkoenig franz-wohlkoenig - change - 12 May 2018
Status New Discussion
avatar brianteeman
brianteeman - comment - 13 May 2018

updated title - this is not a tinymce issue. it is an issue with the joomla media manager modal

avatar brianteeman brianteeman - change - 13 May 2018
Title
TinyMCE Image Manager not responsive and no horizontal scrollbar
Image Manager not responsive and no horizontal scrollbar
avatar brianteeman brianteeman - edited - 13 May 2018
avatar brianteeman brianteeman - change - 22 Jul 2018
Labels Added: J3 Issue
avatar brianteeman brianteeman - labeled - 22 Jul 2018
avatar twister65
twister65 - comment - 6 Sep 2018

I do not agree with you. This is a TinyMCE issue. I tested it with the JCE editor and the pop-up window is responsive (which is not the case of TinyMCE).
Please, see issue #18447

avatar brianteeman
brianteeman - comment - 6 Sep 2018

This is not from tinymce this is the joomla image manager
JCE uses its own image manager

If you read the issue you link to you will see that it confirms what I am saying but as you clearly don't believe me go to plugin manager and disable the Button - Image plugin which is what loads the joomla image manager

avatar twister65
twister65 - comment - 6 Sep 2018

If I disable the Button - Image plugin, the Image button (on which I clicked) has disappeared below JCE.
The Image pop-up window is also responsive with Code Mirror.

avatar twister65
twister65 - comment - 6 Sep 2018

But, it is an iframe window defined with a fixed size.

$button->options = "{handler: 'iframe', size: {x: 800, y: 500}}";

avatar brianteeman
brianteeman - comment - 6 Sep 2018

so we agree it is nothing to do with tinymce then ?

avatar twister65
twister65 - comment - 6 Sep 2018

I'm not sure because there is also a css file for the popup window :


This file does not seem to be loaded with TinyMCE.
JHtml::_('stylesheet', 'media/popup-imagemanager.css', array('version' => 'auto', 'relative' => true));

avatar brianteeman
brianteeman - comment - 6 Sep 2018

exactly what I have been sayinng

Note I do not disagree that there is an issue just that it is nothing to do with tinymce

avatar twister65
twister65 - comment - 6 Sep 2018

The size of div (TinyMCE) is that defined of iframe :

<div id="mceu_103-body" class="mce-container-body mce-window-body mce-abs-layout" style="width: 798px; height: 498px;">
  <iframe src="http://localhost/olaverre/administrator/index.php?option=com_media&amp;view=images&amp;tmpl=component&amp;e_name=jform_articletext&amp;asset=95&amp;author=801" tabindex="-1">
  </iframe>
</div>
avatar twister65
twister65 - comment - 6 Sep 2018

With Code Mirror and JCE (external button : below), we have :

<div id="sbox-window" role="dialog" aria-hidden="false" class="shadow" style="z-index: 65557; left: 230px; top: 233px; width: 800px; height: 500px;"><div id="sbox-content" class="sbox-content-iframe" style="opacity: 1;">
  <iframe src="http://localhost/olaverre/administrator/index.php?option=com_media&amp;view=images&amp;tmpl=component&amp;e_name=jform_articletext&amp;asset=95&amp;author=801" frameborder="0" width="800" height="500"></iframe>
</div><a id="sbox-btn-close" href="#" role="button" aria-controls="sbox-window"></a></div>
avatar twister65
twister65 - comment - 6 Sep 2018

In the script jce.js, we have :
Joomla.modal=function(el,url,width,height){var o={handler:"iframe",size:{x:width,y:height},url:url,onOpen:function(){$("#sbox-window").css({width:"auto",height:"auto"})}};...

This explains why the popup window is responsive with this editor.

avatar twister65
twister65 - comment - 8 Sep 2018

Code Mirror and JCE editors use SqueezeBox (Expandable Lightbox). Unfortunately not for TinyMCE.
See :

#sbox-content {
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
}

avatar twister65
twister65 - comment - 14 Nov 2018

Filery is using the UI of TinyMCE for the dialog. Unfortunately, the dialogs are not responsive, so the dialog of Filery cannot be responsive too.

TinyMCE 5 incoming, which is responsive: https://www.tiny.cloud/developer-preview/

Neoflow/Filery#9

avatar infograf768
infograf768 - comment - 15 Nov 2018

As far as I know from TinyMCE 4.6 up, it would not work for all browsers which are supported by Joomla.

avatar twister65
twister65 - comment - 12 Dec 2018

You can close this issue. See PR #23091.

avatar ReLater ReLater - change - 12 Dec 2018
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2018-12-12 21:48:18
Closed_By ReLater
avatar ReLater ReLater - close - 12 Dec 2018

Add a Comment

Login with GitHub to post a comment