diff --git a/.gitignore b/.gitignore
index 0b8a0db40..de7972e5e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@
# NPM
/node_modules
npm-*
+/package-lock.json
# Testing
/.nyc_output
diff --git a/src/components/stage/stage.css b/src/components/stage/stage.css
index 7e0a59c2e..6ceb4c7e9 100644
--- a/src/components/stage/stage.css
+++ b/src/components/stage/stage.css
@@ -9,9 +9,9 @@
*/
display: block;
- /* Attach border radius directly to canvas to prevent needing overflow:hidden; */
border-radius: $space;
border: $stage-standard-border-width solid $ui-black-transparent;
+ overflow: hidden;
/* @todo: This is for overriding the value being set somewhere. Where is it being set? */
background-color: transparent;
diff --git a/src/components/stage/stage.jsx b/src/components/stage/stage.jsx
index f87a39b79..1a2837360 100644
--- a/src/components/stage/stage.jsx
+++ b/src/components/stage/stage.jsx
@@ -48,18 +48,25 @@ const StageComponent = props => {
}}
onDoubleClick={onDoubleClick}
>
-
+ >
+
+
{
stageDimensions.width = stageDimensions.scale * stageDimensions.widthDefault;
}
+ // Round off dimensions to prevent resampling/blurriness
+ stageDimensions.height = Math.round(stageDimensions.height);
+ stageDimensions.width = Math.round(stageDimensions.width);
+
return stageDimensions;
};