<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>values empty after change #224</title>
<script src="./224.mjs" type="module"></script>
</head>
<body>
<h1>values empty after change #224</h1>
<p>If a value is changed and you change the tab, all other fields are empty
however, the currently changed field is retained</p>
<ul>
<li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/224">Issue #224</a></li>
<li><a href="/">Back to overview</a></li>
</ul>
<main>
<monster-datasource-rest id="ds224" data-monster-option-read-url="/issue-210.json"
data-monster-option-write-url="/issue-210"
data-monster-option-write-acceptedstatus="400::200"
data-monster-option-features-autoinit="true">
</monster-datasource-rest>
<monster-dataset id="mydataset"
data-monster-option-index="0" data-monster-option-datasource-selector="#ds224"
data-monster-option-mapping-data="">
ID:
<div data-monster-replace="path:data.id"></div>
<div data-monster-replace="path:data.name"></div>
</monster-dataset>
<monster-form data-monster-option-datasource-selector="#ds224" data-monster-option-mapping-data=""
data-monster-option-features-mutationobserver="false">
<monster-tabs id="xxx">
<div class="active" data-monster-button-label="Tab1">
<label for="id">field id</label><br>
<input id="id" type="number" data-monster-attributes="value path:data.id"
data-monster-form-bind="path:data.id"><br>
<br>
<label for="load1">field name</label><br>
<input id="load1" data-monster-attributes="value path:data.load1" data-monster-form-bind="path:data.load1"><br>
</div>
<div data-monster-button-label="Tab1">
<label for="load3">field id</label><br>
<input id="load3" type="" data-monster-attributes="value path:data.load3"
data-monster-form-bind="path:data.load3"><br>
<br>
<label for="load2">field name</label><br>
<input id="load2" data-monster-attributes="value path:data.load2" data-monster-form-path="path:data.load2"><br>
</div>
</monster-tabs>
</monster-form>
</main>
</body>
</html>