[OPEN] [#1576] [4.5.1] Strange behavior of dropdown in popup

  1. #1

    [OPEN] [#1576] [4.5.1] Strange behavior of dropdown in popup

    Hello
    I'm not sure if you will be able to reproduce this as behavior depends on resolution

    <%@ Page Language="C#" %>
    
    <!DOCTYPE html>
    
    
    <html>
    <head runat="server">
        <title></title>
       
    	<script>
    		
    		
    	</script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager runat="server" />
    		<ext:Window runat="server" ID="win" Hidden="True">
    			<Items>
    				<ext:ComboBox runat="server">
    					<Items>
    						<ext:ListItem Value="first"/>
    						<ext:ListItem Value="second"/>
    					</Items>
    				</ext:ComboBox>
    			</Items>
    		</ext:Window>
    		
    		<div style="height: 2000px; background-color: lightgray">
    			very long content<br/>
    		</div>
    	    <ext:Button runat="server" id="btn" OnClientClick="#{win}.show()" Text="Click me"></ext:Button>
        </div>
        </form>
    </body>
    </html>
    The whole idea is that I have a long page, and on the bottom is button
    the button displays the window. Window is displaied fine, but once I expand the dropdown, thr dropdown disappears
    it looks like the window is displayed on top of screen and dropdown expand on the bottom (see attachments)
    reproducible in all 3 major browsers, I have 1900x1200 resolution

    As well it's reproduced only if user start on the top of the page, scroll down and click button. If user start on the bottom ( after page reload for example) it works fine. Our use case is that users have long page to read so has to scroll couple pages and on the bottom has some buttons to click.

    Click image for larger version. 

Name:	Capture1-window_on_Top_of_Screen.PNG 
Views:	60 
Size:	11.2 KB 
ID:	25114Click image for larger version. 

Name:	Capture2-see_that_bottom_screen_is_visible.PNG 
Views:	49 
Size:	10.7 KB 
ID:	25115
  2. #2
    Hello @jirihost!

    Thanks for reporting the issue! I think the issue here is not really related to the screen resolution. I'm at 2560x1440 and could reproduce it both in a maximized window and a non-maximized one.

    What I (technically, maybe) see here is, when you show the window, the horizontal scroll position is reset; if you do no scrolling at all and clicks the pop up window's dropdown, then the scroll position is restored and the pop up displayed on the top of the window.

    So, there's an scrolling issue related to windows being shown.

    In chrome I see the scrolling is always reset, then we get the effect. In MS-Edge, for some reason the scroll resetting is not always being triggered so when you click the button, you may need to scroll up to see the popped window.

    Anyway, this might get you up and running until the issue is fixed for good; change your line 33 to:

    <ext:Button runat="server" id="btn" OnClientClick="#{win}.show();Ext.scroll.Scroller.viewport.updateDomScrollPosition();" Text="Click me"></ext:Button>
    And this should stop the scroll position from resetting back down when you expand the combo box's drop down.

    We've logged the issue under #1576 on github, and will post an update here as soon as we get it fixed!
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 12
    Last Post: Dec 29, 2015, 12:00 AM
  2. [CLOSED] Numberfield / strange behavior
    By tMp in forum 3.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 08, 2015, 4:51 PM
  3. Strange behavior after nuget
    By bovo13 in forum 2.x Help
    Replies: 7
    Last Post: Oct 17, 2013, 1:21 PM
  4. Strange Button DirectEvent Behavior
    By Doug.Morrow in forum 2.x Help
    Replies: 2
    Last Post: Sep 03, 2012, 6:53 PM
  5. [CLOSED] Strange behavior of fieldset
    By 78fede78 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 20, 2010, 11:55 AM

Posting Permissions