Elements disappear
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 25/100
Research direction
Start with the custom tailwind.config.js, the darkMode: 'class' setting, and the Alpine.js x-on:class binding shown in the HTML snippet. Reproduce the issue by switching the Moon icon and inspecting elements, then narrow down the circumstances that make other elements disappear. Done means a reliable reproduction and a confirmed cause or clearly documented compatibility limitation.
Written by the indexing model from the issue text.
Description
I'm not sure you would class this as a bug, or it's a compatibility issue - but it's driving me bonkers.
- I'm using custom tailwind.config.js
- darkMode: 'class'
- alpine.js
My account on beyondcode - doesn't find the email my license was sent to, so can't PW reset, so i've signed up a new account and linked my GH profile, so you can verify the license with me directly.
Before activation:
If for example, I click on the "Moon" SVG icon (switch from dark / light mode) and inspect element.
toggle a class such as hover:text-gray-600
I loose other elements
I have had a hard time trying to replicate exact reproducible steps, as sometimes it works and sometimes it does the above. - under what circumstances I have no idea.
The only significan't things i'm using is TW darkmode class and alpine.js binding to x-on:class binding (but I would presume it ignores this)
<li :class="{'text-sm xl:text-lg hover:text-blue-400': $store.navPage.page !== 'home', 'text-sm xl:text-lg font-bold underline underline-offset-4 decoration-blue-500': $store.navPage.page === 'home'}" class="text-sm xl:text-lg hover:text-blue-400" data-tw-selected="1648081575803"><a href="/index.html" data-tw-selected="1648081573434" class="">Home</a></li>
Alpinejs class binding is no different to using Vuejs v-bind:class=
this might not even be the issue, but the only difference in standard css implementation that is in use.
- 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
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from beyondcode/devtoolsfortailwind-community
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
-
Difficulty 5/5 Over a week Newbie friendliness 35/100
beyondcode/devtoolsfortailwind-community#23 · 1 reaction ·
All issues in beyondcode/devtoolsfortailwind-community
Similar issues
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
gitbutlerapp/gitbutler#15998 · 1 comment ·
-
t/bug
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
-
bug ready-for-dev
Difficulty 1/5 1-3 hours Newbie friendliness 90/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 92/100