Skip to content
Snippets Groups Projects
Verified Commit 1d923360 authored by Volker Schukai's avatar Volker Schukai :alien:
Browse files

fix: data-monster-option-filter #194

parent 88e1bbca
No related branches found
No related tags found
No related merge requests found
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Monster reload: loaded CSS overwrites existing CSS #194</title>
<script src="./194.mjs" type="module"></script>
</head>
<body>
<h1>only try to transfer the part that has been changed #194</h1>
<p></p>
<ul>
<li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/194">Issue #194</a></li>
<li><a href="/">Back to overview</a></li>
</ul>
<main>
<p>Das ist ein test</p>
<monster-reload
data-monster-option-shadowmode="open"
data-monster-option-filter="[data-monster-role=inner]"
data-monster-url="/issue-194.html">
SLOTTEDNODE
</monster-reload>
</main>
</body>
</html>
/**
* @file development/issues/open/194.mjs
* @url https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/194
* @description only try to transfer the part that has been changed
* @issue 194
*/
import "../../../source/components/style/property.pcss";
import "../../../source/components/style/color.pcss";
import "../../../source/components/style/normalize.pcss";
import "../../../source/components/style/typography.pcss";
import "../../../source/components/style/form.pcss";
import "../../../source/components/datatable/datasource/rest.mjs";
import "../../../source/components/datatable/save-button.mjs";
import "../../../source/components/form/form.mjs";
import "../../../source/components/form/field-set.mjs";
import "../../../source/components/form/select.mjs";
import "../../../source/components/form/reload.mjs";
import "../../../source/components/form/context-error.mjs";
import {domReady} from "../../../source/dom/ready.mjs";
domReady.then(() => {
});
// language=HTML
const html = `<div>
<div style="color:red">This should not be displayed</div>
<div data-monster-role="inner">
<style>
p {
color: blue;
}
</style>
<h2>Reload HTML</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
`;
export default [
{
url: '/issue-194.html',
method: 'get',
rawResponse: async (req, res) => {
res.setHeader('Content-Type', 'text/html')
res.statusCode = 200
setTimeout(function () {
res.end(html)
}, 2000);
},
}
];
\ No newline at end of file
...@@ -142,10 +142,10 @@ class Reload extends CustomElement { ...@@ -142,10 +142,10 @@ class Reload extends CustomElement {
templates: { templates: {
main: getTemplate.call(this), main: getTemplate.call(this),
}, },
shadowMode: false, shadowMode: null,
url: undefined, url: null,
reload: "onshow", reload: "onshow",
filter: undefined, filter: null,
fetch: { fetch: {
redirect: "error", redirect: "error",
method: "GET", method: "GET",
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment