チェックボックスが順序なしリストの箇条書きで機能しません

「*」ではチェックリストがうまく機能しないようです。
「1.」では正常に機能しますが。

1. [] ステージ 1 のタスク

    * [] 実行 1 (ここで黒い点が消えます)

    * [] 実行 2

1. [] ステージ 2 のタスク
  1. ステージ 1 のタスク

    • 実行 1 (スペースは良いですが、点が消えます

    • 実行 2

  2. ステージ 2 のタスク

私も最近それに気づきましたが、意図的なもので、むしろこの方が好きだと思います。* または - を使うと、箇条書きのノイズを追加せずにチェックリスト項目を構造化されたリストにインデントできます。

- [] マイルストーン 1
   - [] タスク 1
   - [] タスク 2
   - [] タスク 3
- [] マイルストーン 2
   - [] タスク 1
   - [] タスク 2
   - [] タスク 3
  • マイルストーン 1
    • タスク 1
    • タスク 2
    • タスク 3
  • マイルストーン 2
    • タスク 1
    • タスク 2
    • タスク 3

対して

[] マイルストーン 1
   [] タスク 1
   [] タスク 2
   [] タスク 3
[] マイルストーン 2
   [] タスク 1
   [] タスク 2
   [] タスク 3

マイルストーン 1
タスク 1
タスク 2
タスク 3
マイルストーン 2
タスク 1
タスク 2
タスク 3

「いいね!」 2

デモンストレーションを見ましたが、「サブチェックリスト」はあなたの例ではうまく機能しますが、私の例では機能しません。

最初のレベルが「順序付きリスト」で、2番目のレベルが順序なしリストの場合、あまりうまく機能しません。

そして、私は通常非常に長い文章を書くので、あなたの例のように非常に明確ではありません(あなたの例では、チェックリストは数語のような非常に短いものです)、そのため「ドット」なしではあまりきれいになりません。

「いいね!」 1

ok, let’s see…

- [] マイルストーン 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
- [] マイルストーン 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
  • マイルストーン 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
  • マイルストーン 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
1. [] マイルストーン 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
2.  [] マイルストーン 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
   - [] タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
  1. マイルストーン 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
  2. マイルストーン 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 1 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 2 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。
    • タスク 3 は、数行にわたるいくつかの単語で説明されています。まだ私の長い、長い、長い行を書き続けます。それで十分だと思います。

番号付きリストと箇条書きリストを組み合わせ、その後にチェックリスト項目を続けた場合、期待どおりにインデントされないことを確認しました。これは、箇条書きが表示されないためです。

個人的には、上記の例のように、箇条書きとチェックリストを組み合わせて使用するのが好きです。これはきれいにインデントされ、実際の箇条書きが表示されません。しかし、これも期待どおりに表示されていません。

これら両方の理由はおそらく同じでしょう。

「いいね!」 1

必要であれば、ハッキーなCSS修正はこちらです。@xiasummer様

箇条書きを表示します

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
    list-style-type: initial;
    .list-item-checkbox {
        left: 0;
        position: relative;
    }
}

箇条書きを非表示にします:

.cooked ol ul li.has-checkbox {
    margin-left: 1em;
}

「いいね!」 3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.