Skip to content

fix #2861 extra scrollbar when dragging down layer metadata modal#2933

Merged
MV88 merged 3 commits intogeosolutions-it:masterfrom
MV88:2861_scrollbar_draggable_dialog
May 21, 2018
Merged

fix #2861 extra scrollbar when dragging down layer metadata modal#2933
MV88 merged 3 commits intogeosolutions-it:masterfrom
MV88:2861_scrollbar_draggable_dialog

Conversation

@MV88
Copy link
Copy Markdown
Contributor

@MV88 MV88 commented May 21, 2018

Description

it appears a scrollbar to the whole body when dragging down the layer metadata modal

Issues

Please check if the PR fulfills these requirements

What kind of change does this PR introduce? (check one with "x", remove the others)

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Other... Please describe:

What is the current behavior? (You can also link to an open issue here)
see description

What is the new behavior?
scrollbar no longer appears

Does this PR introduce a breaking change? (check one with "x", remove the other)

  • Yes
  • No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:

@MV88 MV88 added this to the 2018.02.00 milestone May 21, 2018
@MV88 MV88 self-assigned this May 21, 2018
@MV88 MV88 requested review from allyoucanmap and offtherailz May 21, 2018 10:11
@coveralls
Copy link
Copy Markdown

coveralls commented May 21, 2018

Coverage Status

Coverage increased (+0.003%) to 80.354% when pulling 5c49764 on MV88:2861_scrollbar_draggable_dialog into ce7f18f on geosolutions-it:master.

@@ -1,3 +1,7 @@
#container {
overflow: hidden;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Too generic. This set overflow: hidden to every #container HTML element. That's very dangerous. Is there any other solution?

@@ -1,3 +1,7 @@
#container {
overflow: hidden;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Too generic. This is very dangerous. Every element with id ='container' will not have scrolling anymore. I suggest you to use a less generic css selector and use the Portal element. For instance a class called fill-portal that solves this issue
some hints:
look at :

  • z-index
  • pointer-events css class (See dashboard)

Copy link
Copy Markdown
Member

@offtherailz offtherailz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please use the portal props instead of global one

@MV88
Copy link
Copy Markdown
Contributor Author

MV88 commented May 21, 2018

position:fixed has fixed the problem 💃

@MV88 MV88 merged commit 934ce42 into geosolutions-it:master May 21, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Long abstract in layer metadata

3 participants