Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User eschuy's Avatar
    Join Date
    Apr 2009
    Posts
    16
    Vote Rating
    1
    eschuy is on a distinguished road

      0  

    Default [FIXED][3.0rc2]HTMLEditor toolbar overflow renders incorrectly

    [FIXED][3.0rc2]HTMLEditor toolbar overflow renders incorrectly


    Ext version tested:
    • Ext 3.0 RC2

    Browser versions tested against:
    • Google Chrome

    • IE8

    • FF3 (firebug 1.3.0.10 installed)
    • Safari 4

    Operating System:
    • WinXP Pro

    Description:
    • The overflow on the htmleditor form element seems to eat the missing buttons and renders weirdly.
      Tested on all browsers. Please see following screenshot.




    Test Case:



    Just modify the third form in the dynamic form example from the docs and you'll be able to reproduce it.

  2. #2
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    6
    mjlecomte will become famous soon enough mjlecomte will become famous soon enough

      0  

    Default


    Thanks for the report.

    Confirmed as of rev 4662 (3.0.0-RC3+).

    Reducing the FormPanel width from 600 to 400 is sufficient.

  3. #3
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,050
    Vote Rating
    657
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Fixed in SVN, thanks for the report.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  4. #4
    Sencha User eschuy's Avatar
    Join Date
    Apr 2009
    Posts
    16
    Vote Rating
    1
    eschuy is on a distinguished road

      0  

    Default


    Great job.

    Thanks guys

  5. #5
    Ext JS Premium Member stever's Avatar
    Join Date
    Mar 2007
    Posts
    1,407
    Vote Rating
    6
    stever will become famous soon enough stever will become famous soon enough

      0  

    Default


    Sorry, I forgot to give the css fixes when I was talking about overflow before. SVN conflicts sort of woke me up on that. One of the things I did was make the images specific to the small button size, since that is the size of the icons. That is:

    Code:
    .x-html-editor-tb .x-btn-small .x-edit-bold, .x-menu-item .x-edit-bold {
        background-position:0 0;
    }
    Also there are copies and copies of background-image in there for some reason???

    This is my structure/editor.css

    Code:
    .x-html-editor-wrap {
        border:1px solid;
    }
    
    .x-html-editor-tb .x-btn-small .x-btn-text {
        background:transparent no-repeat;
        padding-left:0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-bold, .x-menu-item .x-edit-bold {
        background-position:0 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-italic, .x-menu-item .x-edit-italic {
        background-position:-16px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-underline, .x-menu-item .x-edit-underline {
        background-position:-32px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-forecolor, .x-menu-item .x-edit-forecolor {
        background-position:-160px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-backcolor, .x-menu-item .x-edit-backcolor {
        background-position:-176px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-justifyleft, .x-menu-item .x-edit-justifyleft, .x-html-editor-tb .x-menu-item-checked .x-menu-group-item .x-edit-justifyleft {
        background-position:-112px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-justifycenter, .x-menu-item .x-edit-justifycenter, .x-html-editor-tb .x-menu-item-checked .x-menu-group-item .x-edit-justifycenter {
        background-position:-128px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-justifyright, .x-menu-item .x-edit-justifyright, .x-html-editor-tb .x-menu-item-checked .x-menu-group-item .x-edit-justifyright {
        background-position:-144px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-insertorderedlist, .x-menu-item .x-edit-insertorderedlist, .x-html-editor-tb .x-menu-item-checked .x-menu-group-item .x-edit-insertorderedlist {
        background-position:-80px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-insertunorderedlist, .x-menu-item .x-edit-insertunorderedlist, .x-html-editor-tb .x-menu-item-checked .x-menu-group-item .x-edit-insertunorderedlist {
        background-position:-96px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-increasefontsize, .x-menu-item .x-edit-increasefontsize {
        background-position:-48px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-decreasefontsize, .x-menu-item .x-edit-decreasefontsize {
        background-position:-64px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-sourceedit, .x-menu-item .x-edit-sourceedit {
        background-position:-192px 0;
    }
    
    .x-html-editor-tb .x-btn-small .x-edit-createlink, .x-menu-item .x-edit-createlink {
        background-position:-208px 0;
    }
    
    .x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
        padding:5px;
        padding-bottom:1px;
    }
    
    .x-html-editor-tb .x-toolbar {
        position:static !important;
    }
    and blue/editor.css:

    Code:
    .x-html-editor-wrap {
        border-color:#a9bfd3;
        background-color:#fff;
    }
    .x-html-editor-tb .x-btn-small .x-btn-text, .x-html-editor-tb .x-menu-item .x-menu-item-icon {
        background-image: url(../images/default/editor/tb-sprite.gif) ;
    }

  6. #6
    Ext User
    Join Date
    Jul 2007
    Location
    Florida
    Posts
    9,996
    Vote Rating
    6
    mjlecomte will become famous soon enough mjlecomte will become famous soon enough

      0  

    Default


    Quote Originally Posted by stever View Post
    Sorry, I forgot to give the css fixes when I was talking about overflow before.
    @stever, sorry couldn't find what you were referring to.

Thread Participants: 3