goog.demos.draglistgroup.html Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of google-closure-library

The Google Closure Library is a collection of JavaScript code designed for use with the Google Closure JavaScript Compiler. This non-official distribution was prepared by the ClojureScript team at http://clojure.org/

There is a newer version: 0.0-20230227-c7c0a541

Show newest version





  goog.fx.DragListGroup
  
  
  
  
  



  goog.fx.DragListGroup
  You can drag any squares into any of the first 4 lists.
  

  Horizontal list 1 (grows right):
  
    1
    2
    3
    4
  
  

  
  

  
  Vertical list 1:
  
    1
    2
    3
    4
  
  

  
  Vertical list 2 (style changes on drag hover):
  
    1
    2
    3
    4
  
  

  
  
  
  Horizontal list 3 (grows left):
  Bug: drop position is off by one.
  
    1
    2
    3
    4
  
  

  Horizontal list 5 (grows right, has multiple rows, hysteresis is enabled):
  Bug: can't drop into the last row.
  
    11
    22
    33
    44
    55
    66
    77
    88
    99
  
  

  The items in this list can be moved around with shift-dragging:
  
    1
    2
    3
    4
  
  

  The items have different width:
  
    Bug: the drop positions are off.
    For example try moving box 1 a bit to the left.
  
  
    1
    2
    3
    4