Search box missing at some media sizes

[jacobtylerwalls]

Notice when zooming, only two of these three "frames" have a search box:

search-bar-gone-some-media-sizes.mov

[SaptakS]

Thanks for reporting. That definitely looks like a bug. Will try to investigate more.

[nouralmaa]

This works for me normally while zooming in these frames in chrome. Just a thought: could you try temporarily disabling your extensions or using a different browser?

[SaptakS]

I actually do see this error in my firefox browser even when making the screen responsive, at exactly 1080 width.

I think the reason is

djangoproject.com/djangoproject/scss/_dark-mode.scss

Line 371 in 1ba4de6

@include respond-max(1080px) {

where max-width for not showing is 1080px, whereas for the other search bar, the min-width for not showing is 1080px. So at exactly 1080px, it doesn't show either. I think we just need to make the @include respond-max(1079px) to fix this.

[nouralmaa]

Ditto

I actually do see this error in my firefox browser even when making the screen responsive, at exactly 1080 width.
I think the reason is

djangoproject.com/djangoproject/scss/_dark-mode.scss

Line 371 in 1ba4de6

@include respond-max(1080px) {
where max-width for not showing is 1080px, whereas for the other search bar, the min-width for not showing is 1080px. So at exactly 1080px, it doesn't show either. I think we just need to make the @include respond-max(1079px) to fix this.