2e8d9cdf183bd5ac8df6ca10afb3bdec52208c52
Reproduce: Go on a kanban view, with enough columns so it goes off the screens. Scroll on the right, try to drag anything beyond the original (before scrolling) limit of the screen. The cards are stuck floating at that limit. Note it didn't prevent the drop to work properly where the mouse was. Issue: The useSortable hook gets an owl ref, which is used as a limit to where things can be dragged and dropped. Originaly and logically, it was the current component ref, the renderer. But for some unknown reason, this space was not getting wider than the initial screen size. It may be a problem with the flexbox layout. Tried solutions: - A first solution was to add the overflow-x-scroll css property to the renderer. It works, but now the horizontal scroll bar is no longer always visible. You have to scroll all the way down to see it. UX wise this is not acceptable. - We could remove the clamp mecanism inside useSortable to let the drag and drop motion go anywhere. This works, but decrease the quality of the interaction. It looks cheap and not polished. Final Solution Finally, we decided to pass a ref to the o_content div from the layout component down to the kanban renderer. If the useSortable is given this ref, it works as intended. While it may seem too much, it is not unreasonable to propose a reference to the most parent element of the view contents to the renderer. X-original-commit: a569305acaa1c812ede739c267e2e9530945f65f Part-of: odoo/odoo#102756
…
…
…
Odoo
Odoo is a suite of web based open source business apps.
The main Odoo Apps include an Open Source CRM, Website Builder, eCommerce, Warehouse Management, Project Management, Billing & Accounting, Point of Sale, Human Resources, Marketing, Manufacturing, ...
Odoo Apps can be used as stand-alone applications, but they also integrate seamlessly so you get a full-featured Open Source ERP when you install several Apps.
Getting started with Odoo
For a standard installation please follow the Setup instructions from the documentation.
To learn the software, we recommend the Odoo eLearning, or Scale-up, the business game. Developers can start with the developer tutorials
Languages
Python
49.6%
JavaScript
47.8%
SCSS
2%
CSS
0.3%
HTML
0.2%