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

Infowindow don't break long attribute values #1939

Closed
johnnyblasta opened this issue Jan 5, 2024 · 0 comments · Fixed by #1946
Closed

Infowindow don't break long attribute values #1939

johnnyblasta opened this issue Jan 5, 2024 · 0 comments · Fixed by #1946

Comments

@johnnyblasta
Copy link
Collaborator

Describe the bug
When there are long attribute values and using infowindow the word don't break and stretches the element and adds a scrollbar which can be used to view the whole attribute value. The dropdown arrow is pushed away and isn't visible unless scrolled to the right.

To Reproduce
Steps to reproduce the behavior:

  1. Set
  "featureinfoOptions": {
    "infowindow": "infowindow"
  }
  1. Have a long none break attribute value
  2. See error

Expected behavior
Found to ways to resolve this.

  1. In _infowindow.scss remove the width: 100%; in .o-identify-content
.o-identify-content {
  display: inline-block;
  width: 100%;
}
  1. In _infowindow.scss add word-break: break-all; in .o-identify-content
.o-identify-content {
  display: inline-block;
  width: 100%;
  word-break: break-all;
}

Which would be the preferred way of handling this?

Screenshots
image
image

@johnnyblasta johnnyblasta changed the title Infowindow don't break long attributes Infowindow don't break long attribute values Jan 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants