diff options
Diffstat (limited to 'WebContent')
12 files changed, 119 insertions, 22 deletions
diff --git a/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css b/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css index 0d2f7312fb..637d829d78 100644 --- a/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css +++ b/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css @@ -15,8 +15,9 @@ overflow: hidden; } .v-absolutelayout-margin, .v-absolutelayout-canvas { - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-absolutelayout.v-has-height > div, .v-absolutelayout.v-has-height > div > div { height: 100%; diff --git a/WebContent/VAADIN/themes/base/common/common.css b/WebContent/VAADIN/themes/base/common/common.css index 6de2b26267..3c08a9d584 100644 --- a/WebContent/VAADIN/themes/base/common/common.css +++ b/WebContent/VAADIN/themes/base/common/common.css @@ -97,8 +97,9 @@ div.v-app-loading { } .v-form-content { height: 100%; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } /* Field modified */ /* Disabled by default diff --git a/WebContent/VAADIN/themes/base/csslayout/csslayout.css b/WebContent/VAADIN/themes/base/csslayout/csslayout.css index 2713d621a2..40cec4889f 100644 --- a/WebContent/VAADIN/themes/base/csslayout/csslayout.css +++ b/WebContent/VAADIN/themes/base/csslayout/csslayout.css @@ -6,8 +6,8 @@ div.v-csslayout { display: block; } .v-csslayout-margin, .v-csslayout-container { - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; box-sizing: border-box; } .v-has-width > .v-csslayout-margin, diff --git a/WebContent/VAADIN/themes/base/panel/panel.css b/WebContent/VAADIN/themes/base/panel/panel.css index 286b1b7f4d..489d6bc015 100644 --- a/WebContent/VAADIN/themes/base/panel/panel.css +++ b/WebContent/VAADIN/themes/base/panel/panel.css @@ -30,8 +30,9 @@ } .v-panel-content { overflow: auto; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-panel.v-has-width > .v-panel-content { width: 100%; diff --git a/WebContent/VAADIN/themes/base/select/select.css b/WebContent/VAADIN/themes/base/select/select.css index fe50b98ce6..b9d0dda51f 100644 --- a/WebContent/VAADIN/themes/base/select/select.css +++ b/WebContent/VAADIN/themes/base/select/select.css @@ -67,8 +67,9 @@ margin: 0; float: left; -webkit-border-radius: 0px; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-filterselect-prompt .v-filterselect-input { color: #999; diff --git a/WebContent/VAADIN/themes/base/window/window.css b/WebContent/VAADIN/themes/base/window/window.css index f553f95fdf..d728e7f60e 100644 --- a/WebContent/VAADIN/themes/base/window/window.css +++ b/WebContent/VAADIN/themes/base/window/window.css @@ -2,8 +2,9 @@ background: #fff; } .v-window-contents { - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-window.v-has-width > div.popupContent, @@ -24,8 +25,9 @@ padding: 0.3em 1em; height: 1.6em; position: relative; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-window-outerheader, diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css index bc8f617845..1ececf9fb4 100644 --- a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css +++ b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css @@ -250,8 +250,9 @@ td.v-datefield-calendarpanel-nextyear { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; height: 23px; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-datefield.v-readonly input.v-datefield-textfield { border-right-width: 1px; diff --git a/WebContent/VAADIN/themes/reindeer/select/select.css b/WebContent/VAADIN/themes/reindeer/select/select.css index 903066e4ab..8962862702 100644 --- a/WebContent/VAADIN/themes/reindeer/select/select.css +++ b/WebContent/VAADIN/themes/reindeer/select/select.css @@ -18,8 +18,9 @@ .v-window input.v-filterselect-input, .v-popupview-popup input.v-filterselect-input { padding: 4px 0 4px 2px; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-filterselect-prompt .v-filterselect-input { font-style: normal; diff --git a/WebContent/VAADIN/themes/reindeer/window/window.css b/WebContent/VAADIN/themes/reindeer/window/window.css index 3015f70eb5..e1091ef98d 100644 --- a/WebContent/VAADIN/themes/reindeer/window/window.css +++ b/WebContent/VAADIN/themes/reindeer/window/window.css @@ -3,8 +3,9 @@ } .v-window-wrap { border: 1px solid #808386; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-sa .v-window-wrap, .v-op .v-window-wrap { diff --git a/WebContent/VAADIN/themes/runo/window/window.css b/WebContent/VAADIN/themes/runo/window/window.css index d412f66605..675c8942bf 100644 --- a/WebContent/VAADIN/themes/runo/window/window.css +++ b/WebContent/VAADIN/themes/runo/window/window.css @@ -27,8 +27,9 @@ border: 2px solid #babfc0; border-top: none; border-bottom: none; - box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; + box-sizing: border-box; } .v-window div.v-window-footer { height: 8px; diff --git a/WebContent/release-notes.html b/WebContent/release-notes.html index 1ca217bc56..1b56b7fb9c 100644 --- a/WebContent/release-notes.html +++ b/WebContent/release-notes.html @@ -71,16 +71,34 @@ <h2 id="enhancements">Enhancements in Vaadin @version-minor@</h2> <p> - @version-minor@ is the first development release of the upcoming Version 7 of the - Vaadin Framework. It introduces the first set of new features in Vaadin 7, for the - purpose of receiving feedback regarding the changes. + @version-minor@ is the second development release of the upcoming Version 7 of the + Vaadin Framework. It introduces the second set of new features in Vaadin 7, for the + purpose of receiving feedback about the changes. </p> - <p>The major changes in this first phase are: + <p>The major changes in this second alpha phase are: <ul> - <li>Redesign of the window and application APIs</li> - <li>Redesign of forms and data binding</li> + <li>Complete overhaul of the client-server communication architecture + <ul> + <li>All add-on components that have widgets need to be ported to Vaadin 7</li> + <li>Integration of a GWT widget is done in a <i>connector</i> class</li> + <li>Component-to-widget mapping now defined on the client-side, in the connector</li> + <li>No more <b style="text-decoration: line-through">Paintable</b> or <b style="text-decoration: line-through">VariableOwner</b> + <li>Server-side component and client-side widget can have a <emphasis>shared state</emphasis> object which is automatically synchronized</li> + <li>Both client-side and server-side can make RPC calls to the other side + <ul> + <li>Communicated in the next request/response</li> + <li>No return values + <li>Typically for communicating events</li> + </ul> + </li> + <li>UIDL is deprecated</li> + <li>Compatibility layer for Vaadin 6 included for easy migration</li> + </ul> + </li> + <li>Get computed style of a component from the browser</li> + <li>Support for border, padding, and margin in core layout components</li> </ul> <p> @@ -93,7 +111,7 @@ <p> For a complete list of changes in this release, please see the <a - href="http://dev.vaadin.com/query?status=closed&group=resolution&milestone=Vaadin+7.0.0.alpha1">list + href="http://dev.vaadin.com/query?status=closed&group=resolution&milestone=Vaadin+7.0.0.alpha2">list of closed tickets</a>. </p> @@ -106,6 +124,17 @@ </p> <p> + Vaadin 6 add-ons (ones that contain widgets) do not work in Vaadin 7 - please + check the add-ons in <a href="http://vaadin.com/directory/">Vaadin Directory</a> + for Vaadin 7 support. + </p> + + <p> + Any custom client-side widgets need to be changed to use the new client-server + communication API or the Vaadin 6 compatibility API. + </p> + + <p> A detailed list of migration changes are given in the <a href="http://dev.vaadin.com/wiki/Vaadin7/MigrationGuide">Vaadin 7 Migration Guide</a>. @@ -288,8 +317,7 @@ </p> <ul> - <li>Windows (see the <a href="#knownissues">Zip installation - notice above</a>)</li> + <li>Windows</li> <li>Linux</li> <li>Mac OS X</li> </ul> @@ -330,11 +358,11 @@ </p> <ul> - <li>Mozilla Firefox 10</li> + <li>Mozilla Firefox 11</li> <li>Internet Explorer 8-9</li> <li>Safari 5</li> <li>Opera 11</li> - <li>Google Chrome 16</li> + <li>Google Chrome 18</li> </ul> <h2 id="vaadinontheweb">Vaadin on the Web</h2> diff --git a/WebContent/statictestfiles/browserfeatures/fullHeightScrollbar.html b/WebContent/statictestfiles/browserfeatures/fullHeightScrollbar.html new file mode 100644 index 0000000000..2e280da64e --- /dev/null +++ b/WebContent/statictestfiles/browserfeatures/fullHeightScrollbar.html @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> +<style type="text/css"> +.wrapper { + height: 150px; + width: 150px; + border: 1px solid black; + overflow: auto; + position: relative; +} + +.content { + height: 100%; + width: 250px; + background: grey; +} + +</style> +<script type="text/javascript"> +function disableScrolling() { + var result = document.getElementsByClassName("content"); + for(var i = 0; i < result.length; i++) { + var e = result[i]; + e.style.width = "100%"; + } +} + +function triggerReflow() { + var style = "top"; + var styleValue = "1px"; + var result = document.getElementsByClassName("wrapper"); + for(var i = 0; i < result.length; i++) { + var e = result[i]; + var originalValue = e.style[style]; + e.style[style] = styleValue; + e.offsetWidth; + e.style[style] = originalValue; + } +} +</script> +</head> +<body scroll="auto"> +<p>This test is used to verify how browsers take horizontal scrollbars into account when calculating 100% height and what happens when scrolling is no longer needed. This test tells which browsers need which workarounds for related features.</p> + +<p>Basic situation. +<div class="wrapper"><div class="content"></div></div> +</p> + +<p> +Situation with position: absolute on the inner element. +<div class="wrapper"><div class="content" style="position: absolute"></div></div> +</p> + +<button id="disableScrolling" onclick="disableScrolling()">Disable scrolling</button> +<button id="triggerReflow" onclick="triggerReflow()">Trigger reflow</button> +</body> +</html> |