8585 * @see <a href="http://gwtmaterialdesign.github.io/gwt-material-demo/#cutouts">Material Cutouts</a>
8686 */
8787// @formatter:on
88- public class MaterialCutOut extends MaterialWidget implements HasCloseHandlers <MaterialCutOut >, HasOpenHandlers <MaterialCutOut >, HasCircle {
88+ public class MaterialCutOut extends MaterialWidget implements HasCloseHandlers <MaterialCutOut >,
89+ HasOpenHandlers <MaterialCutOut >, HasCircle {
8990
9091 private Color backgroundColor = Color .BLUE ;
9192 private double opacity = 0.8 ;
@@ -386,10 +387,7 @@ public void close(boolean autoClosed) {
386387 * Setups the cut out position when the screen changes size or is scrolled.
387388 */
388389 protected void setupCutOutPosition (Element cutOut , Element relativeTo , int padding , boolean circle ) {
389- float bodyTop = body ().scrollTop ();
390- float targetTop = relativeTo .getAbsoluteTop ();
391-
392- float top = targetTop - bodyTop ;
390+ float top = relativeTo .getAbsoluteTop () - body ().scrollTop ();
393391 float left = relativeTo .getAbsoluteLeft ();
394392
395393 float width = relativeTo .getOffsetWidth ();
@@ -407,17 +405,17 @@ protected void setupCutOutPosition(Element cutOut, Element relativeTo, int paddi
407405 left -= dif / 2 ;
408406 }
409407 }
408+ }
410409
411- top -= padding ;
412- left -= padding ;
413- width += padding * 2 ;
414- height += padding * 2 ;
410+ top -= padding ;
411+ left -= padding ;
412+ width += padding * 2 ;
413+ height += padding * 2 ;
415414
416- $ (cutOut ).css ("top" , top + "px" );
417- $ (cutOut ).css ("left" , left + "px" );
418- $ (cutOut ).css ("width" , width + "px" );
419- $ (cutOut ).css ("height" , height + "px" );
420- }
415+ $ (cutOut ).css ("top" , top + "px" );
416+ $ (cutOut ).css ("left" , left + "px" );
417+ $ (cutOut ).css ("width" , width + "px" );
418+ $ (cutOut ).css ("height" , height + "px" );
421419 }
422420
423421 /**
0 commit comments