obsidian-webpage-export icon indicating copy to clipboard operation
obsidian-webpage-export copied to clipboard

[Bug] [1.8.01]: styling issues with latest Obsidian

Open zkat opened this issue 1 year ago • 7 comments

What happened?

When I updated Obsidian, some visual elements started rendering with weird styles.

Reproduction

generate a site on Obsidian 1.6.3

Last Working Version

No response

Version

1.8.01

Operating System

Windows, Linux

Obsidian Version

1.6.3

Which browsers can you reproduce this in?

Firefox, Chrome, Safari IOS

Relevant log output

N/A logs are fine

Additional Info

20240610_19h26m43s_grim

zkat avatar Jun 11 '24 02:06 zkat

I am seeing the same issues on 1.6.3.

Another recently broken style - there is an extra newline for nested lists

image

Flat list (works)
* point 1
* point 2

Nested list (broken styles)
* point 1
	* point 1.1
	* point 1.2
* point 2
	* point 2.1
	* point 2.2

domsleee avatar Jun 12 '24 08:06 domsleee

Oh yay 😭 It has just lost all the built in obsidian styles again for some reason. This happened a couple updates ago and I still don't know why. I'll look into fixing this as quickly as I can. I am super busy though, so if anyone wants to try and tackle this, feel free :)

KosmosisDire avatar Jun 12 '24 16:06 KosmosisDire

Okay I can reproduce this in the latest released stable and beta version, however in the development version this has been fixed. I will try an get the development version to a place where I can release another beta soon, and then hopefully a stable release soon after. In the mean time, downgrading obsidian is the best solution for now.

KosmosisDire avatar Jun 12 '24 18:06 KosmosisDire

Hi ! I get the same issue on release v1.6.5

DrasticLp avatar Jul 09 '24 09:07 DrasticLp

Having this issue too. Found a workaround - only if you are not relying on collapsing, since that seems to be the source of the issue.

Create a head.html file somewhere near your Obsidian vault. Paste this in:

<head>
  <script>
    document.addEventListener("DOMContentLoaded", function () {
      // workaround for styling in latest obsidian
      const indicators = document.getElementsByClassName(
        "list-collapse-indicator"
      );
      console.log("deleting", indicators);
      while (indicators.length > 0) {
        indicators[0].parentNode.removeChild(indicators[0]);
      }

    });
  </script>
</head>
  • go to the plugin settings, find Page Features > Custom head content, and select the file you created
  • re-export your html file. it should now remove the breaking elements

jborichevskiy avatar Jul 13 '24 20:07 jborichevskiy

Hey, I just released a beta version that should address this. If you could try it out and let me know if his issue is fixed and if you find any other issues. There are instructions for installing the beta in the readme :) Thanks!

KosmosisDire avatar Aug 24 '24 21:08 KosmosisDire

FYI Beta version fixed the styling bug

nicolasassi avatar Sep 23 '24 13:09 nicolasassi