[wp-trac] [WordPress Trac] #33367: Customizer Menus: overflow issues when dragging menu items

[WordPress Trac]

#33367: Customizer Menus: overflow issues when dragging menu items
--------------------------+--------------------
 Reporter:  tywayne       |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.3.2
Component:  Customize     |     Version:  4.3
 Severity:  minor         |  Resolution:
 Keywords:  needs-patch   |     Focuses:  ui
--------------------------+--------------------

Comment (by austinginder):

 Ah your right. I play around with the code and unfortunately the only one
 which I got working is a javascript hack. The following code uses
 Javascript to force the scrollLeft property to 0. This can be previewed by
 adding the following into your browser's console. It appears to do the
 trick.

 {{{ jQuery('.accordion-section-content.menu').scroll(function() {
 jQuery(this).scrollLeft(0)}); }}}

 Some things I explored.

 The sortable js library has an axis option as reference here:
 http://stackoverflow.com/questions/5363046/jquery-portlet-horizontal-
 scroll-problem. However that prevents all drag and drop to the left/right
 so it breaks putting items under other items.

 An all css solution is presented here:
 http://stackoverflow.com/questions/17756649/disable-the-horizontal-scroll
 however I was not successful in implementing this.

 Anyone have other suggestions? If a css solution is possible, I would
 recommend going that route, if not the only option may be to do a
 javascript fix.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/33367#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform