Skip to content
Snippets Groups Projects
Select Git revision
  • 3c507195b19128753366bcf352a33865fb85b71a
  • master default protected
  • 1.31
  • 4.38.8
  • 4.38.7
  • 4.38.6
  • 4.38.5
  • 4.38.4
  • 4.38.3
  • 4.38.2
  • 4.38.1
  • 4.38.0
  • 4.37.2
  • 4.37.1
  • 4.37.0
  • 4.36.0
  • 4.35.0
  • 4.34.1
  • 4.34.0
  • 4.33.1
  • 4.33.0
  • 4.32.2
  • 4.32.1
23 results

223.html

Blame
    • 223.html 2.63 KiB 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>optimize tree-menu #223</title>
    <script src="223.mjs" type="module"></script>
</head>
<body>
<h1>optimize tree-menu #223</h1>
<p></p>
<ul>
    <li class="monster-theme-primary-1"><a
                href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/223">Issue #223</a></li>
    <li><a href="/">Back to overview</a></li>
</ul>
<main>

    <h2>Geht nicht</h2>

    <monster-form>
        <monster-field-set data-monster-option-labels-title="my title">
            <label for="namex">NX</label>
            <monster-select id="last-select"></monster-select>
            <label for="name12">N10</label><input type="text" name="name42" id="name102" placeholder="Name4">
        </monster-field-set>
        <monster-field-set data-monster-option-labels-title="my title 2">
            <label for="name99">N8</label><input type="text" name="name224" id="name228" placeholder="Nam22e4"
                                                 class="span-1">
        </monster-field-set>

    </monster-form>

    <h2>Geht!!</h2>

    <monster-form>
        <div style="display: flex; flex-direction: column-reverse">
            <monster-field-set data-monster-option-labels-title="my title 2">
                <label for="name99">N8</label><input type="text" name="name224" id="name228" placeholder="Nam22e4"
                                                     class="span-1">
            </monster-field-set>
            <monster-field-set data-monster-option-labels-title="my title">
                <label for="name8">N8</label><input type="text" name="name4" id="name8" placeholder="Name4"
                                                    class="span-1">
                <label for="name9">N9</label><input type="text" name="name5" id="name9" placeholder="Name5">
                <label for="name-x1">X1</label><input type="color" name="name-x1" id="name-x1" placeholder="Name-x1">
                <label for="name-x2">X2</label>
                <monster-toggle-switch name="name-x2" id="name-x2" placeholder="Name-x2"></monster-toggle-switch>
                <label for="name10">N10</label><input type="text" name="name4" id="name10" placeholder="Name4">
                <label for="namex">NX</label>
                <monster-select id="last-select2"></monster-select>
                <label for="name12">N10</label><input type="text" name="name42" id="name102" placeholder="Name4">
            </monster-field-set>
        </div>
    </monster-form>

    <div style="height:600px"></div>
    
</main>

</body>
</html>