Strange calendar behavior

[tgilbert]

Hi,

Here a small test case which reproduces a problem I currently have with the calendar. Actually, when in the month view, and when you left click on a day which is grayed out (Sat/Sun for example), the scrollbars are shown and then hidden when the mouse button is released.

		Calendar			calendar = new Calendar();
		calendar.setWidth100();
		calendar.setHeight100();
		calendar.show();

We are running SGWT 4.1p, v9.1p_2014-08-11/PowerEdition Deployment (built 2014-08-11)

Many thanks,
Thomas

[Isomorphic]

This sounds like the Calendar is briefly transitioning through a CSS state that doesn't exist, or has styling options on it that grow the overall table.

What skin are you using, and can you reproduce this if you run with one of the provided framework skins unmodified, with no other CSS?

[tgilbert]

I tried with both the Enterprise and Graphite skins, the behaviour is exactly the same.
No other css / js file in the project, which only contains the code sample I already gave.

[Isomorphic]

Your build is very old, and we don't see the effect you describe against the latest builds of any version.

You'll need to upgrade to the latest build of 4.1 from smartclient.com/builds - let us know if you still see issues at that point.

[tgilbert]

Hi, I've downloaded a recent 4.1 build and have the same behaviour (IE11, GWT 2.5.1)

Here is the browser download traffic, so that you can see we do not have any other CSS or JS loaded on our side, as it's a simple test case:

URL	Protocol	Method	Result	Type	Received	Taken	Initiator	Wait‎‎	Start‎‎	Request‎‎	Response‎‎	Cache read‎‎	Gap‎‎
http://127.0.0.1:8888/JuTest.html?gwt.codesvr=127.0.0.1:9997	HTTP	GET	200	text/html	2,26 KB	15 ms	refresh	0	0	15	0	0	1839
/jutest/jutest.nocache.js	HTTP	GET	200	application/x-javascript	7,28 KB	31 ms	<script>	15	0	16	15	0	1808
/jutest/sc/initsc.js	HTTP	GET	200	application/x-javascript	194 B	< 1 ms	<script>	62	0	0	0	0	1792
/jutest/sc/modules/ISC_Core.js	HTTP	GET	200	application/x-javascript	0,89 MB	78 ms	<script>	78	0	0	78	0	1698
/jutest/sc/modules/ISC_Foundation.js	HTTP	GET	200	application/x-javascript	278,29 KB	46 ms	<script>	312	0	0	46	0	1496
/jutest/sc/modules/ISC_Containers.js	HTTP	GET	200	application/x-javascript	146,83 KB	31 ms	<script>	390	0	15	16	0	1433
/jutest/sc/modules/ISC_Grids.js	HTTP	GET	200	application/x-javascript	0,94 MB	125 ms	<script>	452	0	0	125	0	1277
/jutest/sc/modules/ISC_Forms.js	HTTP	GET	200	application/x-javascript	0,78 MB	109 ms	<script>	733	0	15	94	0	1012
/jutest/sc/modules/ISC_RichTextEditor.js	HTTP	GET	200	application/x-javascript	60,76 KB	15 ms	<script>	936	0	15	0	0	903
/jutest/sc/modules/ISC_Calendar.js	HTTP	GET	200	application/x-javascript	168,03 KB	31 ms	<script>	967	0	0	31	0	856
/jutest/sc/modules/ISC_DataBinding.js	HTTP	GET	200	application/x-javascript	0,71 MB	15 ms	<script>	1014	0	15	0	0	825
/jutest/sc/skins/Enterprise/load_skin.js	HTTP	GET	200	application/x-javascript	64,96 KB	15 ms	<script>	1123	0	0	15	0	716
/jutest/sc/skins/Enterprise/skin_styles.css	HTTP	GET	200	text/css	231,97 KB	16 ms	<link rel="stylesheet">	1138	0	0	16	0	700
/jutest/sc/modules/ISC_Drawing.js	HTTP	GET	200	application/x-javascript	181,48 KB	47 ms	<script>	1138	0	16	31	0	669
/jutest/sc/modules/ISC_Charts.js	HTTP	GET	200	application/x-javascript	234,39 KB	93 ms	<script>	1201	0	47	46	0	560
/jutest/hosted.html?jutest	HTTP	GET	200	text/html	11,64 KB	47 ms	frame navigate	1372	0	32	15	0	435

Here is the complete code of the application:

package ju.client;

import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.widgets.calendar.Calendar;

/**
 * Entry point classes define <code>onModuleLoad()</code>.
 */
public class JuTest implements EntryPoint {

	@Override
	public void onModuleLoad() {
		test();
	}
	
	private void test() {
		Calendar			calendar = new Calendar();
		calendar.setWidth100();
		calendar.setHeight100();
		calendar.show();
		
	}
}

Here the gwt.xml file:

<?xml version="1.0" encoding="UTF-8"?>
<!--
  When updating your version of GWT, you should also update this DTD reference,
  so that your app can take advantage of the latest GWT module capabilities.
-->
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 2.5.1//EN"
  "http://google-web-toolkit.googlecode.com/svn/tags/2.5.1/distro-source/core/src/gwt-module.dtd">
<module rename-to='jutest'>
  <!-- Inherit the core Web Toolkit stuff.                        -->
  <inherits name='com.google.gwt.user.User'/>

  <!-- Inherit the default GWT style sheet.  You can change       -->
  <!-- the theme of your GWT application by uncommenting          -->
  <!-- any one of the following lines.                            -->
   <!-- Other module inherits                                      -->
  
<inherits name="com.smartgwtee.SmartGwtEE"/>
<inherits name="com.smartgwt.Drawing"/>
<inherits name="com.smartgwt.Charts"/>
<inherits name="com.smartgwtee.tools.Tools"/>

  <!-- Specify the app entry point class.                         -->
  <entry-point class='ju.client.JuTest'/>

  <!-- Specify the paths for translatable code                    -->
  <source path='client'/>
  <source path='shared'/>

</module>

And the hmlt file:

<!doctype html>
<!-- The DOCTYPE declaration above will set the     -->
<!-- browser's rendering engine into                -->
<!-- "Standards Mode". Replacing this declaration   -->
<!-- with a "Quirks Mode" doctype is not supported. -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
	<script>var isomorphicDir = "jutest/sc/";</script>

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="jutest/jutest.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>
  </body>
</html>

Here is a small video showing the issue (sorry for the quality):
http://fr.tinypic.com/r/256bjms/8

PS:

Version: SmartClient Version: v9.1p_2015-05-02/PowerEdition Deployment (built 2015-05-02)

[Isomorphic]

We still didn't see the issue you reported in your original post, where clicking the mouse caused the resize, but we *did* see some styling issues around disabled dates when the mouseOver cell changed.

We've fixed a silent failure in the calculation of cell-dates, and added a couple of missing css styles. If you take a build dated May 15 or later, you should find things improve - let us know if you still see any issues.

[tgilbert]

Hi,

I've downloaded the version of the 17th and still have the issue.
Please remember that it happens when:
- in month view
- selecting a day which is grayed out (e.g. Sunday, or day of previous month)
- when the mouse cursor enters that selected day

Regards,
Thomas