platform icon indicating copy to clipboard operation
platform copied to clipboard

Collapse has same id

Open plastique opened this issue 5 years ago • 0 comments

Edit screen:

'Collapse example' => [
        Layout::collapse([
            Input::make('text1')->type('text')->title('Text 1')
        ])->label('Collapse 1'),
        Layout::collapse([
            Input::make('text2')->type('text')->title('Text 2')
        ])->label('Collapse 2')
]

Html result:

<div role="tabpanel" class="tab-pane active" id="tab-collapse-example">
    <div class="pt-0" data-async="">
        <p class="pl-4">
            <a data-toggle="collapse" href="#collapse-b447527abf4247acf5dd7461f27a8a40f0c89ad7" role="button" aria-expanded="false" aria-controls="collapse-b447527abf4247acf5dd7461f27a8a40f0c89ad7">
             Collapse 1
             </a>
         </p>
         <div class="collapse bg-white rounded shadow-sm mb-3 p-4" id="collapse-b447527abf4247acf5dd7461f27a8a40f0c89ad7">
            <div class="form-group">
                <label for="field-text1-21e586239ae01c04b7e9bc15ccea734cf9798d79" class="form-label">Text 1
                </label>
                <div data-controller="fields--input" data-fields--input-mask="">
                    <input class="form-control" name="text1" type="text" title="Text 1" id="field-text1-21e586239ae01c04b7e9bc15ccea734cf9798d79">
                </div>
            </div>
        </div>
    </div>
    <div class="pt-0" data-async="">
        <p class="pl-4">
            <a data-toggle="collapse" href="#collapse-b447527abf4247acf5dd7461f27a8a40f0c89ad7" role="button" aria-expanded="false" aria-controls="collapse-b447527abf4247acf5dd7461f27a8a40f0c89ad7">
             Collapse 2
             </a>
         </p>
         <div class="collapse bg-white rounded shadow-sm mb-3 p-4" id="collapse-b447527abf4247acf5dd7461f27a8a40f0c89ad7">
            <div class="form-group">
                <label for="field-text2-ccb2ab9e3230957242e5a929faa1e81db7d35187" class="form-label">Text 2
                </label>
                <div data-controller="fields--input" data-fields--input-mask="">
                    <input class="form-control" name="text2" type="text" title="Text 2" id="field-text2-ccb2ab9e3230957242e5a929faa1e81db7d35187">
                </div>
            </div>
        </div>
    </div>
</div>

plastique avatar Nov 02 '20 09:11 plastique