Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Clumsy resizing of sidebar results panel #361

Open
1 task done
Raruto opened this issue Mar 1, 2023 · 1 comment
Open
1 task done

Clumsy resizing of sidebar results panel #361

Raruto opened this issue Mar 1, 2023 · 1 comment
Assignees
Labels
ux Changes to a current behavior to improve user experience
Milestone

Comments

@Raruto
Copy link
Collaborator

Raruto commented Mar 1, 2023

Checklist

  • I've searched through the existing issues and this bug has never been reported before

Subject of the issue

It seems that when resizing the container the animation lags due to too many "reset map view" calls (as well as due a "select all"):

sidebar-resizing

Steps to reproduce

  1. click on any map overlay to open the sidebar
  2. drag with the mouse the sidebar results panel to see the lag (as above image)
  3. try again with Firefox browser if you don't get this bug

Environment

  • g3w-admin: 3.5.dev-20230224161958
  • g3w-client: 3.8.0-alpha.1
  • browser: Firefox 110
  • operating system: Windows 10 (64 bit)

Link to your project

No response

Additional info

No response

@Raruto Raruto added the ux Changes to a current behavior to improve user experience label Mar 1, 2023
@Raruto Raruto changed the title Clumsy resizing of sidebar results Clumsy resizing of sidebar results panel Mar 1, 2023
@volterra79
Copy link
Member

volterra79 commented Mar 1, 2023

@Raruto to solve this issue we need to refactor src/components/ViewPort.vue and set g3w-view-content element:

<div id="g3w-view-content" :class="`split-${state.split}`" class="g3w-view content" :style="styles.content" v-disabled="state.content.disabled">

to be hover the g3w-view-map element id:

<div id="g3w-view-map" :class="`split-${state.split}`" class="g3w-view map" :style="styles.map">

and not more using the same parent content. In this way we can resize g3w-view-content without getMap request

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ux Changes to a current behavior to improve user experience
Projects
None yet
Development

No branches or pull requests

2 participants