beyondcode / beyondcode/devtoolsfortailwind-community

Elements disappear

未关闭
#7 5 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug
主要语言
没有语言数据
星标
5
派生
0
PR 合并指标
30 天内没有已合并 PR

描述

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:

image

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

image

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)

```html

  • Home

  • ```

    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.

    贡献指南

    这个仓库没有索引到贡献指南

    调研方向

    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.

    由索引模型根据 Issue 内容生成。

    评估

    技术栈
    tailwindcss
    领域
    frontend, tooling
    Issue 类型
    缺陷
    难度
    4/5
    预计耗时
    3-5 天
    活跃度
    停滞
    描述清晰度
    需要澄清
    新手友好度
    25/100

    把新 issue 发到你的邮箱

    精选适合新手参与的 GitHub issue 摘要。