XWiki Platform
  1. XWiki Platform
  2. XWIKI-4346

Cannot use the WYSIWYG editor in small screen after you have deleted all text in full screen

    Details

    • Tests:
      Integration
    • Development Priority:
      High
    • Difficulty:
      Unknown
    • Similar issues:
      XWIKI-4203 "Edit in full screen" green button replaced by "edit in full screen" text in IE6
      XWIKI-4571Problem with "Edit in full screen" for Blog Posts
      XWIKI-9450Administration: Rights: checkbox for global permissions invisible for small screens
      XWIKI-7722Small issue when using full screen editing on IE8
      XWIKI-7743Wrong editor width when returning from full screen edit after editing/adding a macro
      XWIKI-8465Unable to upload a new attachment using the "All pages" tab in the WYSIWYG editor
      XWIKI-4502"Full Screen" not displayed correctly
      XWIKI-3878Unable to use full-screen editing after upgrade from 1.4.0
      XWIKI-5736Horizontal scrollbar always visible in the WYSIWYG editor on small screens
      XWIKI-7593Links from other WYSIWYG fields are removed if the page is saved while a WYSIWYG field is edited in full screen

      Description

      Steps to follow to reproduce:

      • create a new page and go to edit mode
      • write "text"
      • click "Edit in full screen"
      • delete "text"
      • click "Exit full screen"
      • try typing

      Result: You cannot use the wysiwyg editor

        Activity

        Hide
        Marius Dumitru Florea added a comment -

        Sergiu, I haven't managed to find what causes the problem, but I discovered that using the link works fine (in IE7 the link is available only the first time after you clear the cache because it takes longer to load the editor and you give up putting the button on the tool bar) while using the button freezes the editor. Everything is fine in FF, as usual. Any hints? One trace could be that when using the link you don't affect the GWT widget tree. You maximize the container of the content text area which is also the container of the editor (tabs included). When the button is used, you maximize only the rich text editor, without the WYSIWYG/Source tabs. This freezes the editor in IE, but is handled perfectly in FF..

        What I find really strange is that the combo boxes from the tool bar (format, font name and font size) can't be opened or focused with the mouse. At first I though that the GWT releases its listeners after coming back from full screen, but that shouldn't block the opening a drop down box..

        If I focus the drop down lists using the Tab key, I can change the selection using the arrow keys and this triggers the GWT listeners.

        Also, using IE developer tool bar I can't "Select Element by Click" any of the elements that make the editor. It's like there is a transparent panel above the editor, but there isn't any.

        Note that there aren't any exceptions thrown. Everything goes well, except that the editor is frozen.

        Show
        Marius Dumitru Florea added a comment - Sergiu, I haven't managed to find what causes the problem, but I discovered that using the link works fine (in IE7 the link is available only the first time after you clear the cache because it takes longer to load the editor and you give up putting the button on the tool bar) while using the button freezes the editor. Everything is fine in FF, as usual. Any hints? One trace could be that when using the link you don't affect the GWT widget tree. You maximize the container of the content text area which is also the container of the editor (tabs included). When the button is used, you maximize only the rich text editor, without the WYSIWYG/Source tabs. This freezes the editor in IE, but is handled perfectly in FF.. What I find really strange is that the combo boxes from the tool bar (format, font name and font size) can't be opened or focused with the mouse. At first I though that the GWT releases its listeners after coming back from full screen, but that shouldn't block the opening a drop down box.. If I focus the drop down lists using the Tab key, I can change the selection using the arrow keys and this triggers the GWT listeners. Also, using IE developer tool bar I can't "Select Element by Click" any of the elements that make the editor. It's like there is a transparent panel above the editor, but there isn't any. Note that there aren't any exceptions thrown. Everything goes well, except that the editor is frozen.
        Hide
        Marius Dumitru Florea added a comment -

        I can't reproduce this issue on IE6 or IE8. It happens only in IE7..

        Show
        Marius Dumitru Florea added a comment - I can't reproduce this issue on IE6 or IE8. It happens only in IE7..
        Hide
        Marius Dumitru Florea added a comment -

        Sergiu, if I restore the previous layout in reverse order everything is fine. I replaced

        fullScreenEdit.js line 395 (closeFullScreen)
        // Restore the previous layout
        var parent = targetElement.up();
        while (parent != document.body) {
          parent.setStyle(parent._originalStyle);
          parent.siblings().each(function(item) {
            item.style['display'] = item._originalDisplay;
          });
          parent = parent.up();
        }
        

        with

        fullScreenEdit.js line 395 (closeFullScreen)
        // Restore the previous layout
        var parent = targetElement.up();
        var parents = [];
        while (parent != document.body) {
          parents.push(parent);
          parent = parent.up();
        }
        var i = parents.length;
        while (i--) {
          parent = parents[i];
          parent.setStyle(parent._originalStyle);
          parent.siblings().each(function(item) {
            item.style['display'] = item._originalDisplay;
          });
        }
        

        Is this a known issue on IE7?

        Show
        Marius Dumitru Florea added a comment - Sergiu, if I restore the previous layout in reverse order everything is fine. I replaced fullScreenEdit.js line 395 (closeFullScreen) // Restore the previous layout var parent = targetElement.up(); while (parent != document.body) { parent.setStyle(parent._originalStyle); parent.siblings().each(function(item) { item.style['display'] = item._originalDisplay; }); parent = parent.up(); } with fullScreenEdit.js line 395 (closeFullScreen) // Restore the previous layout var parent = targetElement.up(); var parents = []; while (parent != document.body) { parents.push(parent); parent = parent.up(); } var i = parents.length; while (i--) { parent = parents[i]; parent.setStyle(parent._originalStyle); parent.siblings().each(function(item) { item.style['display'] = item._originalDisplay; }); } Is this a known issue on IE7?

          People

          • Assignee:
            Marius Dumitru Florea
            Reporter:
            Silvia Rusu
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved:
              Date of First Response: