aboutsummaryrefslogtreecommitdiff
path: root/src/debug/Test.tsx
diff options
context:
space:
mode:
authorab <abdullah_ahmed@brown.edu>2019-03-09 16:06:18 -0500
committerab <abdullah_ahmed@brown.edu>2019-03-09 16:06:18 -0500
commita2b90031fe06701b0ecc7c6fa3b48c933e4d37b8 (patch)
tree541052a97652ad25b0829685f205ec35d3976743 /src/debug/Test.tsx
parentb72ff1323bc76dc244ebe50893aa78064fd836c7 (diff)
parent09928503be98d605052fba65dcd2f91f9b056f23 (diff)
fix
Diffstat (limited to 'src/debug/Test.tsx')
-rw-r--r--src/debug/Test.tsx46
1 files changed, 46 insertions, 0 deletions
diff --git a/src/debug/Test.tsx b/src/debug/Test.tsx
new file mode 100644
index 000000000..7bc70615f
--- /dev/null
+++ b/src/debug/Test.tsx
@@ -0,0 +1,46 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+class TestInternal extends React.Component {
+ onContextMenu = (e: React.MouseEvent) => {
+ console.log("Internal");
+ e.stopPropagation();
+ }
+
+ onPointerDown = (e: React.MouseEvent) => {
+ console.log("pointer down")
+ e.preventDefault();
+ }
+
+ render() {
+ return <div onContextMenu={this.onContextMenu} onPointerDown={this.onPointerDown}
+ onPointerUp={this.onPointerDown}>Hello world</div>
+ }
+}
+
+class TestChild extends React.Component {
+ onContextMenu = () => {
+ console.log("Child");
+ }
+
+ render() {
+ return <div onContextMenu={this.onContextMenu}><TestInternal /></div>
+ }
+}
+
+class TestParent extends React.Component {
+ onContextMenu = () => {
+ console.log("Parent");
+ }
+
+ render() {
+ return <div onContextMenu={this.onContextMenu}><TestChild /></div>
+ }
+}
+
+ReactDOM.render((
+ <div style={{ position: "absolute", width: "100%", height: "100%" }}>
+ <TestParent />
+ </div>),
+ document.getElementById('root')
+); \ No newline at end of file