Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Breakpoint are not loaded correct when DevTools is active

Open
#27 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
tailwindcss
Domain
devtools, frontend

Research direction

No source files, tests, or entry points are named. Reproduce with the provided hidded md:flex example while DevTools is open, using a viewport wider than the medium breakpoint; compare the initial render with selecting the element or reloading after closing DevTools, then locate the breakpoint-loading path and add coverage for the initial render.

Written by the indexing model from the issue text.

Description

This happens quite often: when I load a page with the DevTools active (inspector panel open) where I've set Tailwind breakpoints these breakpoints are not respected.

For example, if I have an element set to be hidden on mobile and shown on medium breakpoint like this:

<div class="hidded md:flex">Element hidden on mobile</div>

When I load this page with viewport wider than the medium breakpoint and the DevTools active the div is hidden. Even if I reload the page. Only when I click on the div in the elements tab it is drawn, or if I close the web inspector and reload the page.

Dominant language
No language data
Stars
5
Forks
0
PR merge metrics
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from beyondcode/devtoolsfortailwind-community

All issues in beyondcode/devtoolsfortailwind-community

Similar issues

More DevTools issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.