Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Grid v1.2.0 column reordering issue when using a Dart interface
We have a Dart interface to the Polymer version of vaadin-grid. We have been using v1.1 successfully and wanted to migrate to v1.2.0 to take advantage of the column resizing and reordering features. Column resizing works great. But, column reordering has an issue:
- When we drag a column header, we do not see the "dragging column" popup or the blue "drop" marker, but the reordering does still work.
If you have any ideas as to what might be causing this issue, or where we might begin to look, we will greatly appreciate it. Using the browser developer tools has been very difficult since the "dragging column" popup only appears while dragging.
I have made some progress on this. I found that when dragging starts a new <table> gets inserted into the DOM that has a class="header-drag-table". If I give this class a fixed height (for example, 100px), then I see the "dragging column" popup and the blue "drop" markers. I'm not sure why I need the fixed height instead of the originally specified height of 100%, but it does seem to work for me.
I've still got more work to do because I override the vaadin-grid-header class and the <thead> underneath the <table class="header-drag-table"> also uses this class, but in this case, I don't want the overridden styles.