Sortable list example
with nested scrolls


Notice how the list is itself inside a div that has it's own scroll bar.

  • Item a
  • Item b
    • Item b1
    • Item b2 - clickable text
    • Item b3
    • Item b4
    • Item b5
  • Item c - c block disallows inserting items from other blocks
    • Item c1
    • Item c2
    • Item c3
    • Item c4
    • Item c5
  • Item d
    • Item d1
    • Item d2
    • Item d3
    • Item d4
    • Item d5
  • Item e
  • Item f
  • Item g
  • Item h

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae nunc ante. Phasellus luctus lacus tortor, sit amet ornare lorem mattis nec. Vivamus eget nulla ac quam finibus varius at quis urna. Nulla non quam convallis neque convallis tincidunt a et lacus. Vivamus eget condimentum felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent egestas, lacus et vestibulum posuere, ex libero imperdiet enim, vitae rhoncus lorem lectus eget ante. Fusce imperdiet leo vel diam dictum pretium. In hac habitasse platea dictumst.

Nam gravida viverra diam, in dictum dui tincidunt id. Vivamus sollicitudin vitae lorem eget placerat. Suspendisse rutrum blandit lacus a dapibus. Aliquam in diam ultricies libero molestie tincidunt nec non justo. Phasellus at leo lorem. Morbi sed dictum magna, non lobortis metus. Integer in elit ipsum. Suspendisse porta venenatis nulla, eu vestibulum nisl mattis sed. Nulla egestas nulla eu iaculis sagittis. Curabitur tristique porttitor sem et aliquam. Curabitur at ex fringilla, auctor lacus nec, elementum quam.

Maecenas sed dui vel lacus posuere sodales at a erat. Fusce placerat odio eu sodales porttitor. Donec eleifend volutpat tellus, sed posuere dolor aliquam sed. Donec in nisi laoreet, porttitor orci eget, lacinia est. Nam laoreet nunc nec massa pulvinar mollis. Donec lacinia eros eget mollis auctor. Integer fringilla sem ultrices felis condimentum, vel ullamcorper ipsum vehicula. Suspendisse feugiat tempor elementum.

Proin id mi quis sem iaculis interdum pellentesque id magna. Donec non odio neque. Suspendisse pellentesque turpis et iaculis auctor. Nulla nec nibh lectus. Duis turpis arcu, blandit non ornare vitae, gravida vitae purus. In ullamcorper, lectus ac finibus sollicitudin, ligula nisl dapibus quam, in venenatis lorem justo non mi. Quisque varius, augue sit amet congue egestas, metus nunc pulvinar est, vitae pharetra justo nibh quis magna. Quisque sit amet felis vitae lacus pulvinar hendrerit. Phasellus imperdiet, risus quis fermentum tempus, eros diam bibendum sem, nec fringilla quam nisi a nisi. Proin dolor sem, iaculis nec tellus nec, egestas varius mauris. Pellentesque ullamcorper vulputate odio, ac ornare quam consectetur semper. Nullam quis volutpat nulla.

Sed congue, leo sed ornare sagittis, nisi tortor facilisis lacus, vitae tincidunt dolor nisl id metus. Sed porttitor, libero in sagittis posuere, tortor enim pellentesque risus, vitae tristique mauris risus ut diam. Suspendisse tortor dolor, interdum eget cursus ut, aliquet a lectus. Donec fringilla odio vitae nisl euismod, ut vestibulum mauris pulvinar. Duis placerat quam sed interdum vehicula. Vestibulum vel dui ligula. Morbi vel interdum lectus, et convallis orci. Nulla ornare urna eget ipsum fringilla, aliquet eleifend lacus scelerisque. Pellentesque aliquet sit amet dolor nec viverra. Nunc venenatis commodo risus, sed ultrices libero volutpat non. Nam molestie est non pellentesque dignissim. Quisque et augue ac eros tempus molestie. Duis molestie, tellus eu laoreet pulvinar, leo urna malesuada ipsum, nec euismod urna metus hendrerit erat. Suspendisse a volutpat nisi.