Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Dec 2010
    Posts
    6
    Vote Rating
    1
    BoydTv is on a distinguished road

      0  

    Default [4.0.2a] Inconsistent text overflow handling in tree

    [4.0.2a] Inconsistent text overflow handling in tree


    We've found a bug in ExtJs 4.0.2a that occurs at a text-overflow in a tree. A simple workaround is possible for Internet Explorer by adding the css:

    Code:
    .x-ie .x-tree-panel .x-grid-row .x-grid-cell-inner
    {
        white-space: nowrap;
    }
    However for opera the problem requires a more thorough overhaul of the css.

    REQUIRED INFORMATION

    Ext version tested:
    • Ext 4.0.2a

    Browser versions tested against:
    • IE9
    • IE8
    • IE7
    • FF5
    • Opera 11.11
    • Safari 5.02
    • Chrome 12.0.742.100

    Description:
    When the text in a tree node overflows, different browsers handle it differently. Internet Explorer and Opera particularly handle it in a way that is unacceptable.
    • Internet Explorer cuts off words when they don't fit.
    • Opera doesn't show anything at all if it doesn't fit.
    • Firefox refuses to show the dots at the end when text overflow occurs.
    • Both safari and chrome appear to handle it properly.

    Steps to reproduce the problem:
    • Create a tree panel that can be resized
    • Ensure the tree contains an item with a few big words in it, to make the effect more visible
    • Open the webpage with the tree in IE, Opera, or firefox
    • Decrease the width of the tree until a text-overflow occurs

    The result that was expected:
    The text should be cut off at the character where it doesn't fit anymore. And three dots should be added at the end

    The result that occurs instead:
    • IE: The text is cut off at the last whitespace that still fits
    • Opera: All text is gone.
    • Firefox: no dots are shown at the end of the cut-off

    Test Case:

    Code:
    Ext.onReady(function () {
        var main = Ext.create('Ext.window.Window', {
            autoShow: true,
            minWidth: 50,
            width: 200,
            layout: "border",
            defaults: {
                split: true
            },
            items: [
                { xtype: "treepanel",
                    rootVisible: false,
                    region: "center",
                    store: Ext.create("Ext.data.TreeStore",{
                        proxy: "memory",
                        root: {
                            expanded: true,
                            text: "root",
                            children: [
                                { text: "Something Containing a collection of voluminous words", leaf: true }
                            ]
                        }
                    })
                }
            ]
        });                
    });


    HELPFUL INFORMATION


    Screenshot or Video:
    • see attachments

    Debugging already done:
    • none

    Possible fix:
    • For Internet explorer using the css style white-space: nowrap and text-overflow: ellipsis should suffice
    • For firefox css doesn't work: see http://stackoverflow.com/questions/1...sis-in-firefox
    • Opera requires the blocks in front of the text to be inline (not floating). That in combination with o-text-overflow: ellipsis should do the trick.


    Operating System:
    • Windows 7
    Attached Images

  2. #2
    Sencha User nextSTEP's Avatar
    Join Date
    Sep 2010
    Posts
    36
    Vote Rating
    0
    nextSTEP is on a distinguished road

      0  

    Default


    Workaround for IE does not work for me.

    Very strange bug. Has this been already fixed? tree.jpg

  3. #3
    Sencha User
    Join Date
    Dec 2010
    Posts
    6
    Vote Rating
    1
    BoydTv is on a distinguished road

      0  

    Default


    Quote Originally Posted by nextSTEP View Post
    Workaround for IE does not work for me.

    Very strange bug. Has this been already fixed?
    What version of IE are you using?

    The workaround does not work in IE7 or lower, because the icons on the left are floating and IE7 handles that differently. This is the same problem Opera has.

    Also IE8 requires an additional workaround. IE8 has no wrapping problem, but it seems have a problem with text-overflow: ellipsis. The dots sometimes won't disappear. the fix for that is to simply not use 'text-overflow: ellipsis' but 'text-overflow: clip'.

    The workaround for that IE8 problem is the following css:
    Code:
    .x-ie .x-grid-cell-inner
    {
            text-overflow: clip;
    }

  4. #4
    Sencha User nextSTEP's Avatar
    Join Date
    Sep 2010
    Posts
    36
    Vote Rating
    0
    nextSTEP is on a distinguished road

      0  

    Default


    Sorry, forgot to mention it's IE 9.0.

    I'm using a single word in the node.

  5. #5
    Sencha User
    Join Date
    Dec 2010
    Posts
    6
    Vote Rating
    1
    BoydTv is on a distinguished road

      0  

    Default


    Quote Originally Posted by nextSTEP View Post
    Sorry, forgot to mention it's IE 9.0.

    I'm using a single word in the node.
    IE9 is our development platform, it works quite well here. I suspect there is some other issue at work, but without an actual webpage for me to debug I can't say much about that.

Thread Participants: 1