#Jquery ui draggable overflow x full
JQuery UI Sortable: Prevent horizontal scrolling with connected lists between full height columns Links for the references which I followed : I started with this basic thing by applying overflow properties.įor Vertical - Columns overflow-x: hidden įor Horizontal - Container overflow-x: auto Either horizonatal scrollbar is working or vertical scrollbar is working not both together and I want both the functionality together without any third party javascript library. Insights New issue Jquery UI Sortable Drag and drop issue with overflow-x : hidden 2074 Open LingeshK11 opened this issue on 6 comments LingeshK11 commented on edited mgol added the Needs info label on mgol added the Behavior shared with 1. I also went through with some blogs and stackoverflow answers as well. I tried too many things but did not work. and I have total 11 columns with width of 323px each. draggable: core: ui-draggable-handle assigned to appropriate element. In above code basically I want vertical scrollbar for kanban-column class and horizontal scrollbar for kanban-view main class. draggable: core: position in scrollable parent with overflow: auto (2)Rerun9 ms. Here I am adding template code for this structure. I want vertical scrollbar in individual columns and horizontal scrollbar for entire kanban board both the thing together.
In this kanban board user can drag and drop tickets into individual columns according to its status. I created a kanban board using Ruby on Rails and jQuery-ui sortable.
0 kommentar(er)
