Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 2
  • Filter
  • Time
Clear All
new posts
Previous 1 2 template Next
    #1

    Menu item text overflows outside the menu borders

    Version v9.1p_2014-06-30/Enterprise Deployment (2014-06-30)

    Browser: IE10 Compatibility View
    Document mode: IE5 Quirks mode

    The menu item text and arrow overflows outisde the menu borders (see image attached). It happen with the showcase menu item itself so not adding another sample to reproduce the issue.

    Code:
    <html>
<head>
<style>
#wrap {
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
}

#iframe {
	display: block;
	width: 100%;
	height: 100%;
}
</style>
</head>
<body>
	<div id="wrap">
		<iframe
			src="http://www.smartclient.com/smartgwt/showcase/"
			id="iframe"></iframe>
	</div>
</body>
</html>
    Could you please let me know a fix for this. Thanks
    Attached Files
    Tags: None
    #2
    There is also an issue with the selection item arrow. It appears above the text (image attached)
    Attached Files

    Comment

      #3
      Issue 3:
      Select item has scroll bars causing it difficult to select when there are only two values.
      Attached Files

      Comment

        #4
        Issue 4:
        Grid has a scroll bar and the column width is greater than the column header width.
        Attached Files

        Comment

          #5
          It appears you're working outside of a supported doctype (see the FAQs).
          HTML5 DOCTYPE is required with IE9 and above. (and using emulation / compatibility tags, or tweaking the rendering mode using the developer tools is not supported).

          Regards
          Isomorphic Software

          Comment

            #6
            I am loading my smartgwt application in an iframe. I am using html5 doctype for the smartgwt application but the parent page where it's loaded does not have one.

            I have just added my parent page in the compatibility view settings to open it in compatibility view.

            This used to work in smartgwt 3.1 version.

            Comment

              #7
              Is there a fix for it?

              Comment

                #8
                We have a developer assigned to take a look. Basically you're attempting to work in an unsupported mode. We may be able to "just make things work" or we may not. We'll let you know when we have more information.

                Regards
                Isomorphic Software

                Comment

                  #9
                  I do not have control over the parent page. It will be really great if you could make it work. Will wait for your reply. Thanks in advance.

                  Comment

                    #10
                    Our initial investigation is not reproducing the problems you're experiencing here.

                    We have tried the test case exactly as listed in IE10 on Windows7 (deploying a new HTML file copy/pasted verbatim from your original post to a local server and accessing it).
                    We clicked on the Compatibility View icon in the address bar and verified after the page reload that we were using the same settings (IE10 Compat View, IE5 quirks).
                    For us, the Grids > Appearance > Column Order and Forms > Various Controls samples (from which the screenshots appear to be taken) work fine.

                    Can you walk us through your exact steps to reproduce, and also verify your client side OS.
                    Also just to be on the safe side, please try clearing your browser cache before attempting to reproduce and ensure you have no custom settings (browser zoom, etc) which might impact rendering. As a sanity check it might be worth verifying whether this is reproducible for you on another machine running IE10.

                    Thanks
                    Isomorphic Software

                    Comment

                      #11
                      I have using IE10 on Windows 7 too. I cleared my cache and zoom is set to 100%. Tried it on another machine too.

                      None of the issues reproduce for you? You just mentioned about the grid issue. Could you reproduce the menu one?

                      Steps:
                      1. deploy the html file on the local server
                      2. add the local host in the tools>compatibility view settings
                      3.open the html file

                      It opens in IE10 Compat View, IE5 quirks mode

                      Comment

                        #12
                        We'll take another look but yes - our initial attempts didn't reproduce the problem. We'll let you know what we see.

                        Comment

                          #13
                          got this screenshot from another machine with IE10.
                          Attached Files

                          Comment

                            #14
                            Aha - we've managed to reproduce this. We were missing a key step - you have to explicitly change to compatibility view using the developer tools and then actually reload the page (the apparent reload which occurs automatically when you switch browser modes isn't sufficient to start showing the problem).

                            A question: How are your actual users hitting this? Does it require them to change their browser mode using developer tools or is the document mode being set by meta tags or similar in the bootstrap page (the outer page) over which you have no control.
                            If the latter, could you show us a modified version of your original test case with the relevant tags which are being used to force the browser into backcompat mode and leading to this problem?

                            Thanks

                            Isomorphic Software

                            Comment

                              #15
                              The users have to manually add the site in the compatibility view setting. Once the page is added there, it opens in IE10 Compat View, IE5 quirks mode. There are no meta tags added to the outer page.

                              Comment

                              Previous 1 2 template Next
                              Working...
                              X