nettika/mattercontrol
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix draggable viewport

Browse source
This commit is contained in:
Nettika 2026-01-29 00:40:26 -08:00
parent fe0edd7fd2
commit dfeed5d1a6
No known key found for this signature in database
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Viewport.vue
View file

@ -71,6 +71,10 @@ function initScene() {
renderer.setPixelRatio(window.devicePixelRatio) renderer.setPixelRatio(window.devicePixelRatio)
containerRef.value.appendChild(renderer.domElement) containerRef.value.appendChild(renderer.domElement)
// Prevent browser drag behavior on canvas
renderer.domElement.draggable = false
renderer.domElement.addEventListener('dragstart', (e) => e.preventDefault())
// Setup orbit controls // Setup orbit controls
controls = new OrbitControls(activeCamera, renderer.domElement) controls = new OrbitControls(activeCamera, renderer.domElement)
controls.enableDamping = true controls.enableDamping = true
@ -278,5 +282,11 @@ defineExpose({
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
user-select: none;
-webkit-user-drag: none;
}
.viewport :deep(canvas) {
-webkit-user-drag: none;
} }
</style> </style>