BurningTreeC / tiddlywiki-muuri-kanban

a TiddlyWiki5 Kanban plugin based on the TiddlyWiki5 Muuri plugin
https://burningtreec.github.io/tiddlywiki-muuri/
MIT License
25 stars 1 forks source link

When switching from 'muuri' to 'zoomin' storyview, the columns and cards on open kanban boards overlap #2

Open AshRubigo opened 3 years ago

AshRubigo commented 3 years ago

Note: Dragging the columns and cards a bit stops the overlapping. Seems related to JavaScript rather than CSS.

Environment: Version: Main github branch. Browser: Firefox 90.0.2. TiddlyWiki: 5.1.23, 5.2.0-prerelease.

Steps to reproduce:

  1. Switch to 'muuri' storyview.
  2. Create a kanban board tiddler with some columns. Leave this tiddler open.
  3. Create some tiddlers to be used as card tiddlers.
  4. Manually add the card tiddlers to the list field of a column tiddler.
  5. Switch to 'zoomin' storyview.
  6. See how columns overlap each other, and cards overlap each other.
BurningTreeC commented 3 years ago

Yes @AshRubigo , that's a known issue. It has to do with the zoomin storyview animating while the muuri storyview has already done its positioning of the items. I'll see if I can fix this but I will need time for that

BurningTreeC commented 3 years ago

What I've found now is that this is FireFox specific. It doesn't happen in chromium-based browsers or webkit browsers