uikit / uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces

Home Page:http://getuikit.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

uk-sortable: - quick sorting of tables (<tbody) breaks the markup (freezes)

AlexandreZaytsev opened this issue · comments

Hi!
UIkit Version 3.20.8 (April 26, 2024)

  1. <tbody id="body-table" class="uk-text-small" uk-sortable>
  2. if you drag the lines slowly with the mouse, it works
  3. if you quickly drag the lines with the mouse, it freezes

https://github.com/uikit/uikit/assets/16114000/25b167e3-0bce-4115-b5fa-d357d74cc285
https://github.com/uikit/uikit/assets/16114000/2470d7c6-3393-4b3d-82df-7b173d8b28cf

https://codepen.io/ef1/pen/qBGBMPa

please tell me if this can be fixed

There is an html error in your example. unnecessary div tag

image

OK, I corrected it in the text, but that's not the point...

during the quick sort, it freezes anyway, sometimes until the page is forcibly reloaded...

probably, for now will have to abandon this type of sorting (uk-sortable for the table) and add a sorting column to the table ...
although your sorting is clearer and there is less code))
image

ps
by the way, in tests, documentation also freezes when moving quickly
https://getuikit.com/docs/sortable
image

I am not a framework developer. I just saw an error in the example and reported it.
It's a pity that it didn't help solve your problem.

Hi, what browser are you using? I can't replicate the issue.

Chrome Версия 124.0.6367.203 (Официальная сборка), (64 бит)
https://github.com/uikit/uikit/assets/16114000/e21b48fa-88b3-4b36-bf9b-05abf6167b18

Microsoft Edge Версия 124.0.2478.97 (Официальная сборка) (64-разрядная версия)
https://github.com/uikit/uikit/assets/16114000/e588ada8-9723-478d-b0af-8c1ea3a51011

Chedot Версия 9.3.2 (Chromium 86.0.4240.198) (Официальная сборка), (32 бит)
https://github.com/uikit/uikit/assets/16114000/64cb7f69-5fa2-471e-87c0-051cedb09ca2

The picture is the same everywhere

  1. When moving fast, it freezes
  2. after that
  3. click on the area uk-sortable the table is being restored

ps
update
https://codepen.io/ef1/pen/qBGBMPa