Skip to content

Instantly share code, notes, and snippets.

@YoruNoHikage

YoruNoHikage/index.html

Last active February 3, 2023 09:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save YoruNoHikage/16b90678b4c9203a989a008bc815bd92 to your computer and use it in GitHub Desktop.
Save YoruNoHikage/16b90678b4c9203a989a008bc815bd92 to your computer and use it in GitHub Desktop.
Download ZIP
Parcel >= 2.8 CSS bundle bug reproduction
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>CSS Bug Reproduction</title>
<!-- Comment out the next line to bring back the correct order -->
<link rel="stylesheet" href="npm:normalize.css/normalize.css" />
<link rel="stylesheet" href="npm:@blueprintjs/core/lib/css/blueprint.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="./index.jsx"></script>
</body>
</html>
Raw
index.jsx
import { Classes } from "@blueprintjs/core";
import cx from "classnames";
import React from "react";
import { render } from "react-dom";
import * as styles from "./styles.module.css";
function App() {
return (
<div className={cx(Classes.DIALOG, styles.HomePanels)}>
<div className={cx(Classes.DIALOG_BODY, styles.HomePanelsBody)}>Test</div>
</div>
);
}
render(<App />, document.getElementById("root"));
Raw
package.json
{
"browserslist": "> 0.5%, last 2 versions, not ios_saf < 13, not dead",
"scripts": {
"dev": "parcel index.html"
},
"dependencies": {
"@blueprintjs/core": "~4.6.0",
"classnames": "^2.3.2",
"normalize.css": "^8.0.1",
"process": "^0.11.10",
"react": "^17.0.2",
"react-dom": "^17.0.2"
},
"devDependencies": {
"cross-env": "^7.0.3"
}
}
Raw
styles.module.css
.HomePanels {
width: 600px;
margin-bottom: auto;
display: flex;
flex-direction: column;
overflow-y: auto;
padding-bottom: 0;
}
.HomePanelsBody {
overflow-y: auto;
margin: 0;
padding: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment