Clicking text on current line wont select anything

Custom CSS & Theme Design
1

As I type text in a file, I cannot always go back and select a word or highlight at all. I disabled all plugins and my theme and still have this issue. The only way to select is to start a few new lines of text and then you can go back and select the text and it will now highlight.

UPDATE:
On further inspection it seems to have to do with my css snippet line here:

.markdown-source-view.mod-cm6 .cm-content > .HyperMD-header-2 {
     margin-bottom: 8px !important;
}

I did this because I (i would assume most people?) like space under the headers. Headers don’t seem to have any spacing applied to them and are set to 0 with !important. :confused:
So I tried to change it.

Unfortunately it has to be 0 or everything breaks. So how does one give their headers margin bottoms, especially if the header also might have an underline.

Steps to reproduce

Create a css snippet and add the code above. Now create a H2 and then some text beneath it. try highlighting some text you just wrote. You can’t.

Did you follow the troubleshooting guide? [Y/N]

Y

Expected result

highlight the double selected word or text

Actual result

nothing.

Environment

SYSTEM INFO:
Obsidian version: v1.8.7
Installer version: v1.7.7
Operating system: Darwin Kernel Version 24.1.0: Thu Oct 10 21:03:15 PDT 2024; root:xnu-11215.41.3~2/RELEASE_ARM64_T6000 24.1.0
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: dark
Community theme: none
Snippets enabled: 1
Restricted mode: on

RECOMMENDATIONS:
Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.

Additional information

Is there a better method for adding space between headers and the content right below them? Usually a margin bottom is used. Or a margin top on the very next content can be applied… that might be what I end up doing if this cannot be fixed.

2

My fix for now:

So controlling the spacing between elements seems really really hard in writing mode. The css has high specificity and can cause bugs when touched. I don’t think its meant to be touched!!
Wish that could be fixed.

Till then, if you need space after elements, especially headings, you will want to use a pseudo element as I find it causes the least bugs:

.HyperMD-header-2 + *::before {
    content: "";
    display: block;
    height: 8px;
}

So this will add space above the immediate NEXT element after all H2 headings. You can apply this to each heading by using HyperMD-header and leave off the -2 part.

I’m a CSS nerd so if you need help I am here on weekends. Have a great day.