There is an error in the page

Contribute Bug

AI-generated summary

A user, tachibanalolo, reports a layout issue on their website “rfw.akarin.moe” where the “Category” is displayed higher than other choices. This issue does not occur in the 2.6.0.beta6 (beta branch) but is present in both 2.6.0.beta6 (main branch) and 2.6.0.beta7 (beta branch).

IAmGav and nolo have confirmed the issue, with nolo identifying the cause as a CSS declaration in /app/assets/stylesheets/common/select-kit/category-drop.scss.

As a temporary fix, nolo suggests overriding the rule using the default padding or choosing a different category style. However, nolo is unsure of the original intention of the rule and cannot provide a fix for the core issue.

1

It looks like this:

image
image831×115 5.35 KB

However, if it display correctly, it will looks like this:

image
image700×101 4.87 KB

Category is higher than other choice. There is no problem in the 2.6.0.beta6(beta branch, not main branch), but 2.6.0.beta6(main branch) and 2.6.0.beta7(beta branch) both of them have this problem.

If you guys want to debug, welcome to my website “rfw.akarin.moe” and choose a category and then you will see the bug.

2

I think this should be a bug.

3

I visited your site and selected a random category, dont know what it is as i cant read it, but there is something wrong

image
image435×146 1.1 KB

looks like it has to do with some < div > Classes & CSS

4

that’s right and i have no idea why it just happen in the latest version but beta6(beta branch) is ok.

5

Looks like a bug to me as well:

Screenshot from 2021-10-27 15-10-40

It’s caused by this declaration in /app/assets/stylesheets/common/select-kit/category-drop.scss:

Screenshot from 2021-10-27 15-12-15

What you could do as a temporary fix @tachibanalolo is either over-ride that rule using the default padding:

.select-kit.combo-box.category-drop {
  &.bar.has-selection .category-drop-header {
    padding: .5em .65em;
  }
}

Or choose a different category style (other than bar) as the rule only applies to that style.

1 Like
6

Thanks for your help and is that possible to create a git commit to fix this problem in main branch?

7

I don’t know what’s the original intention of that rule and thus couldn’t tell how to fix that in core. That’s why I suggested some temporary fixes.