efemkay / obsidian-modular-css-layout

CSS Layout hack for Obsidian.md
https://efemkay.github.io/obsidian-modular-css-layout/
GNU General Public License v3.0
918 stars 74 forks source link

Multi Column or Gallery Cards snippets, Minimal theme, and tables causing buggy line width #66

Open tjg23 opened 9 months ago

tjg23 commented 9 months ago

Description:

I’ve been having a visual glitch where the line width will change erratically when scrolling on certain notes in Live Preview. I’m using the latest version of Obsidian Mobile on my iPad. In a test vault, I’ve managed to narrow it down to only occurring when I have either the Multi Column or Gallery Cards snippets, Minimal theme, and the Style Settings plugin enabled, and the note has a table in it.

Steps to Reproduce:

  1. Open a new vault
  2. Add the Multi Column or Gallery Cards snippets
  3. Install Minimal theme and Style Settings plugin
  4. Create a note with a table
  5. Scroll past the table or place the cursor in the table

Debug Info

SYSTEM INFO: Operating system: ios 17.1.2 (Apple iPad) Obsidian version: 1.4.16 (114) API version: v1.4.16 Login status: not logged in Live preview: on Legacy editor: off Base theme: dark Community theme: Minimal v7.3.5 Snippets enabled: 1 Restricted mode: off Plugins installed: 3 Plugins enabled: 1 1: Style Settings v1.0.7

Example

https://github.com/efemkay/obsidian-modular-css-layout/assets/115123240/a620da50-2b53-4d22-8d3f-187fb384828d https://github.com/efemkay/obsidian-modular-css-layout/assets/115123240/a0390f4d-3ebd-447d-bf29-bf5a47871a63

More Details

The bug occurs with all Style Settings untouched and regardless of whether the Minimal Theme Settings plugin is installed or the state of any of its block width settings.

I originally thought this must be a Minimal theme issue because it happened with both the Gallery Cards and Multi Column snippets. Then the other day I was looking at the code in the css snippets and saw this block in the Gallery Cards snippet, changing line width settings for Minimal Float.

IMG_0415

That it's said to be duplicated from the Multi Column snippet and that it won't work with Minimal's wide-table feature (the bug happens regardless of if wide-table is in use) makes me very suspicious that it may be the culprit. I don't know css so I haven't tried to do anything with it yet, but that's the next place I would look.