IQSS / IQSS/dataverse

Dataset search results page layout is broken by a long string in description

Open
#7,703 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Component: JSF Feature: Search/Browse Type: Bug User Role: Guest
Dominant language
Java
Stars
1.1k
Forks
564
Avg merge
2d 2h
Merged PRs (30d)
29

Description

A long text (without whitespace) in the dataset description overflows dataset search results and makes the page layout broken. See screenshot below.
This is also visible in version 5.3 as well as on our 4.20 fork using

  • Safari - Version 14.0.3 (15610.4.3.1.7, 15610)
  • Chrome - Version 89.0.4389.82 (Official Build) (x86_64)
  • Firefox - 86.0.1 (64-bits)

It is this dataset that is causing it: https://dataverse.nl/dataset.xhtml?persistentId=doi:10.34894/EPQT6D
The description contains:
,"timestamp","tag.ID","longitude..decimal.degree.","latitude..decimal.degree.","height.above.mean.sea.level","ground.speed","heading","location.error.numerical","GNSS.satellite.count","GNSS.satellite.visible","GNSS.maximum.signal.strength","GNSS.fix.type","GNSS.time.to.fix","year","month","rowID","watersensor","watersensorfreq"

It is along string without whitespace, somehow the browser won’t break at the ',' it seems to need whitespace.
We could ask the depositor change the metadata, add whitespace after the ',', but this should be solved by CSS.

Screenshot 2021-03-17 at 17 23 09

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the dataset search results layout using the linked dataverse.nl dataset, especially its long description string, in Safari, Chrome, or Firefox. Inspect the CSS affecting dataset descriptions and confirm that the page no longer overflows or breaks when the description contains a long string without whitespace.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.