Open badarsebard opened 3 months ago
On further troubleshooting this looks like the issue may be an odd interaction with Font Awesome's method for changing <i>
to <svg>
. I changed the FA Kit I am using to utilize Web Fonts instead of SVG and it has resolved the issue.
Do you still need help with this? I waited to see if there are additional comments but sounds like it's resolved
I am using the Web Fonts version of Font Awesome as a workaround, but ultimately the issue remains. It would be good to get this working with svg for the future since it provides additional capabilities within Font Awesome (custom icons, etc.).
I don't have enough understanding of how this library or FA work to really provide any insight on solution, though.
I see. Any chance you make a simple REPL reproducing the issue so that i can have a look?
https://svelte.dev/repl/a3873b548ea34798b75fbe5890c289dc
Observations:
I am having a difficult time reproducing this issue in a REPL so please bear with me. I am seeing an issue where icons are being duplicated when performing the drag actions. In the screenshot I have two columns in their starting positions and correctly rendered.
The plus icon in the yellow column has been duplicated after moving the blue column to its left.
I can also drag the blue column back and forth multiple times, and every time it moves to the left of the yellow column, another copy of the icon gets added to the yellow column.
There are other interesting behaviors I've observed that I don't know how to interpret, but may help. When either of the columns has duplicate icons, if I pick up and drop the column in place without moving it the duplicates are removed after being finalized.
Below is the relevant part of the code.