HTML Progress Strange Color in standalone Base

Bug reports
, ,
1

Steps to reproduce

  1. Create a Base file.
  2. Add a Formula that contains a progres bar.
    • A simple formula is: html(‘’)
  3. The progress bar does not adapt to Obsidian’s accent color.

Expected result

The progress bar should match the Obsidian’s accent color.

Actual result

The progress bar renders as a strange, default web browser color.

Environment

SYSTEM INFO:
Obsidian version: 1.12.7
Installer version: 1.12.7
Operating system: #35~24.04.1-Ubuntu SMP PREEMPT_DYNAMIC Tue May 26 19:30:42 UTC 2 6.17.0-35-generic
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: on
RECOMMENDATIONS:
none

Additional information

The progress bar did render properly for a moment, but it seemingly does not anymore. The same HTML snippet renders properly in a note, but not in a Base file.

progress_bug

2

The steps to reproduce need to be expanded.

3

I’m sorry about that! I didn’t realize that the formula wouldn’t go through after posting.

The formula I used was: html’(< progress max = “100” value=“50”>< /progress>)’

That should send through properly, but remove the spaces before the first and last “progress” for it to work.

4

This is not a a bug. You will have to have to pass some css to style it.

5

That’s strange. As I said, it did initially render with Obsidian’s accent color. It only randomly stopped working. Not to mention, the progress bar does render with Obsidian’s accent color in a regualr note.

6

Besides a regular HTML progress bar on a note, I’ve also found that if you embed a Base file into a note, the progress bar renders appropriately.

The issue seems to be with Base files themselves (which did render properly at one point, but I can’t fix the issue).

progress_bug_2
progress_bug_2734×288 13.1 KB

7

I’m sorry, I don’t know how to edit posts!
Here’s a better image of my findings.

progress_bug_3
progress_bug_3731×416 20.4 KB

8

An update: I inspected it using the dev tools and I found that the Base progress bar is different. I don’t know anything about programming, so I don’t know exactly what the difference is, but maybe it could help your team squash this bug.

progress_bug_4
progress_bug_4901×714 108 KB

I also want to re-iterate that the progress bar DID work properly before, but it does not anymore, so this is most certainly a bug.

Could you please place this topic back into the Bug Reports category @WhiteNoise ? Thank you very much, and I apologize for my idiocy.

9

Done!