1. #1
    Ext JS Premium Member
    Join Date
    Aug 2007
    Posts
    63
    Vote Rating
    0
    TaterSalad is on a distinguished road

      0  

    Default [2.2] Button width miscalc in MSIE 7

    [2.2] Button width miscalc in MSIE 7


    UI Structure:
    pageA.html
    iframe, src=pageB.html
    Viewport w/ border layout
    north: GridPanel
    center: FormPanel with items and buttons
    south: Panel with buttons

    Issue:
    Buttons in the buttons[] for the form panel are truncated in IE7 but appear as expected in IE6 and FF3. For example, with the text "Long Button Name" the button looks like this:
    [Long Butto]

    Removing the GridPanel from the Viewport caused the problem to go away.

    I tried recreating a simple example to post here, but was unable to do so after a few hours - too many hooks to data structures and external files, jsp includes, etc. A trivial example works as expected in all three browsers, not sure where it breaks down. I did trace through and don't see any place where we are overriding the default CSS or object behavior for buttons, though.

    Since it would look the same to the user, I also tried moving the problem buttons from the buttons[] of the center panel to the items[] of the bottom panel. I had to use table layout to get the buttons to render in a single horizontal row, and this worked with no cropped text in IE6 and IE7, however in Firefox 3, the buttons were not visible.

    The workaround I have for now is to reset the text to the same original button text again, which causes a width recalc and the buttons correct their size in IE7.

    But it looks like something in doLayout or grid.render may be stomping on button widths improperly.

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,797
    Vote Rating
    602
    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


    Is it possible to provide a simplified test case to demonstrate the issue? Thanks.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Ext JS Premium Member
    Join Date
    Aug 2007
    Posts
    63
    Vote Rating
    0
    TaterSalad is on a distinguished road

      0  

    Default


    I tried recreating a simple example to post here, but was unable to do so after a few hours - too many hooks to data structures and external files, jsp includes, etc. A trivial example works as expected in all three browsers, not sure where it breaks down. I did trace through and don't see any place where we are overriding the default CSS or object behavior for buttons, though.

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi