revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[Camera UI] React on screen orientation changes to redraw the camera frame.

Browse source
This commit is contained in:
Fabio Manganiello 2024-07-20 12:07:17 +02:00
parent 6e99e87aa6
commit 15b615efe8
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
platypush/backend/http/webapp/src/components/panels/Camera/Mixin.vue
View file

@ -185,6 +185,7 @@ export default {
this.$watch(() => this.attrs.rotate, this.onSizeChanged) this.$watch(() => this.attrs.rotate, this.onSizeChanged)
this.$watch(() => this.attrs.scale_x, this.onSizeChanged) this.$watch(() => this.attrs.scale_x, this.onSizeChanged)
this.$watch(() => this.attrs.scale_y, this.onSizeChanged) this.$watch(() => this.attrs.scale_y, this.onSizeChanged)
screen.orientation.addEventListener('change', this.onSizeChanged)
const onOrientationOrSizeChange = () => { const onOrientationOrSizeChange = () => {
this.onSizeChanged() this.onSizeChanged()
@ -194,6 +195,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
this.resizeObserver = new ResizeObserver(onOrientationOrSizeChange) this.resizeObserver = new ResizeObserver(onOrientationOrSizeChange)
this.resizeObserver.observe(document.body)
this.resizeObserver.observe(this.$refs?.frameContainer?.parentElement) this.resizeObserver.observe(this.$refs?.frameContainer?.parentElement)
}) })
}, },