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 Premium Member robert_k's Avatar
    Join Date
    Jun 2012
    Posts
    35
    Vote Rating
    1
    robert_k is on a distinguished road

      0  

    Default Pushing image with absolute positions onto NavigationView breaks modal panels/masking

    Pushing image with absolute positions onto NavigationView breaks modal panels/masking


    REQUIRED INFORMATION

    Ext version tested:
    • Sencha Touch 2.0.1.1
    Browser versions tested against:
    • Safari 5.1.7
    • Chrome 20.0.1132.43
    DOCTYPE tested against:
    • HTML5
    Description:

    There are two situations that I've had come up:

    2 Tries
    • Click a toolbar button set to show a modal panel over an absolutely positioned image.
    • The mask and panel show, but the image is on top of the mask.
    • Click the image and the mask doesn't respond.
    • Click the mask (on the toolbar) and it will dismiss.
    • Click the button again.
    • The mask should now cover the image.
    3 Tries
    • Click the button.
    • Only the mask shows, but behind the image (still).
    • Dismiss mask.
    • Click button again.
    • Mask and panel display (behind the image).
    • Dismiss mask/panel.
    • Click button yet again.
    • Mask and panel now show correctly.
    Steps to reproduce the problem:
    • Push a view consisting of an image onto a navigation.View component.
    • Absolutely position the image 0 on all 4 side.
    • Create a modal panel.
    To remove the problem, comment out the absolute positioning of the image:

    Code:
      Ext.Viewport.getActiveItem().push({
        title: 'Image Title',
        xtype: 'image',
        src: 'resources/images/02817_lagodibraies_1920x1080.jpg',
        // bottom: 0,
        // top: 0,
        // right: 0,
        // left: 0,
        style: 'background-position: center center; -webkit-background-size: cover;',
      });
    The result that was expected:
    • The mask ought to cover the image.
    • The mask and panel ought to display the first time!
    The result that occurs instead:
    • The mask doesn't cover the image.
    • The panel may not display until the second try.
    • And the pair may not display correctly until the 3rd attempt.
    Test Case:

    Just download the project I built to reproduce the issue.

    http://www.woodst.com/clients/sencha/panelbug.zip

    HELPFUL INFORMATION


    Screenshot or Video:

    First Try:

    Screen shot 2012-06-27 at 11.08.40 AM.jpg

    Second Try:

    Screen shot 2012-06-27 at 11.08.49 AM.jpg

    Third Try:

    Screen shot 2012-06-27 at 11.08.52 AM.jpg

    Debugging already done:
    • Appears related to absolute positioning an object with an xtype of image after pushing it onto a navigation view.
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    • custom css (include details)
    Operating System:
    • Mac OS X 10.6.8

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,522
    Vote Rating
    814
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    When you set the left/right/etc you are making that component be floatable which means it's not an inner item of the navigation view
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha Premium Member robert_k's Avatar
    Join Date
    Jun 2012
    Posts
    35
    Vote Rating
    1
    robert_k is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    When you set the left/right/etc you are making that component be floatable which means it's not an inner item of the navigation view
    Right. So? Why does this break showing modal panels until the 2nd or 3rd try?As far as DOM is concerned that object, floating or not, is still a child of its parent and can be accessed.

    I'm using (in my real project) a container with an image and a panel (as a caption). Because the image will not fill the browser screen when the panel is in the container, both must be absolutely positioned (floatable in your words).

    Code:
    {
      xtype: 'container',
      items: [
        {
          xtype: 'img',
          src: '...'
        },
        {
           xtype: 'panel',
           html: "<p>Lorem ipsum dolor sit amet...</p>",
           bottom: 0,
           left: 0,
           right: 0,
           height: '20%',
        }
      ]
    }
    The issue I reported doesn't appear when it is the default view, but only when it is pushed onto the navigation view's stack.

Thread Participants: 1

Tags for this Thread