Metadata Pane Property Divider Changes Length On Hover

Steps to reproduce

  • Open sandbox vault
  • Turn on core properties view plug in
  • Add properties to a note
  • Open properties view
  • Hover over one property and move across to the next

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

yes

Expected result

Divider horizontal rule line would remain the same size

Actual result

The divider line below the hovered property contracts in length, causing flickering motion that catches your eye as you hover over properties

Environment

SYSTEM INFO:
Obsidian version: v1.8.4
Installer version: v1.6.7
Operating system: Windows 10 Home 10.0.19045
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on

RECOMMENDATIONS:
none


Additional information

As far as I can tell this is being caused by a different border radius being applied on hover, or as it may be a different border radius being applied on the non-hovered version. The relevant css:

.metadata-property {
    border-radius: var(--metadata-property-radius);
}
   
.metadata-property:hover {
        border-radius: var(--metadata-property-radius-focus);
        border-radius: var(--metadata-property-radius-hover);
    }

In the non-hovered version, the border radius is 0px.

In the hovered one, the first border radius (focus) is not being applied , and the second (hover) is applied, though both are 6px.

Interestingly, the non-hovered version --metadata-property-radius was originally set to 6px in the body selector matching all the other versions of this variable

body {
    --metadata-property-radius: 6px;
    --metadata-property-radius-hover: 6px;
    --metadata-property-radius-focus: 6px;
}

but was then changed to 0px in

.workspace > .workspace-split:not(.mod-root) .metadata-container {
    --metadata-property-radius: 0px; 
}

I’m really not sure whether it was intended or not, but it definitely seems like a bug to me to have that line contracting a few pixels as you hover, especially since it doesn’t change color or have enough noticeability to be an intended visual indicator of hover.

Here’s an image, sorry it’s kinda difficult to see with the base theme

I haven’t been able to repro.

Please, download and reinstall Obsidian. Post a screen recording of this happening in the sandbox vault.

I downloaded and installed obsidian again. No change. I’ve also confirmed it does the same thing on an entirely separate laptop in a previous version as well (1.6.7). Here’s a gif. This is in a sandbox vault, but I applied a magenta border color via the dev inspector so it’s remotely more visible.

length change

Ok, thank you. I misunderstood your first report.

No worries!