Project

General

Profile

Bug #1414

Enlarged Description Field Covers up Entry Buttons

Added by Nina Richards over 1 year ago. Updated about 1 year ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
Start date:
2020-11-24
Estimated time:
Found in version:

Description

With the new update, it is possible to enlarge the description field until it covers the entry buttons. In that case they can't be used until the size of the field is reduced again.

We also tried to ask at Stackoverflow: https://stackoverflow.com/questions/66677704/positioning-adjacent-text-area-above-leaflet-map


Files

Description field.png (226 KB) Description field.png Nina Richards, 2020-11-24 14:00

History

#1

Updated by Alexander Watzinger over 1 year ago

  • Category set to UI
  • Status changed from New to Acknowledged
  • Target version set to 6.0.0

Can confirm, thanks for reporting.

#2

Updated by Alexander Watzinger over 1 year ago

  • Status changed from Acknowledged to Assigned
  • Assignee set to Christoph Hoffmann
  • Found in version changed from 6.0.0 to 5.5.0

This bug seems to have exist before but wasn't that obvious because the buttons were positioned more to the left in former versions, see e.g. in 5.5.1: https://demo.openatlas.eu/source/insert

The culprit seems to be the absolute positioning in /static/css/style.css

.table-cell textarea {
    z-index: 1;
    position: absolute;
}

If I remember correctly we implemented this because otherwise an expanded textarea would vanish below the map at e.g. place insert. Assigning to Christoph because I'm out of my depth there.

#3

Updated by Alexander Watzinger over 1 year ago

  • Target version changed from 6.0.0 to 5.6.0
#4

Updated by Alexander Watzinger over 1 year ago

  • Target version changed from 5.6.0 to 6.0.0
#5

Updated by Alexander Watzinger over 1 year ago

I noticed also that in forms that don't have a big description field (e.g. value types, see: https://demo-dev.openatlas.eu/types/insert/21160) the fixed label size:

label[for="description"] {
    height: 8em;
}

which seems to prevent the buttons from vanishing below larger description fields, is making a large gap in the form.

Again the culprit seems to be the absolute positioning which seems to make more problems than it solves.

#6

Updated by Alexander Watzinger over 1 year ago

  • Target version changed from 6.0.0 to 6.1.0
#7

Updated by Alexander Watzinger over 1 year ago

  • Description updated (diff)
#8

Updated by Alexander Watzinger about 1 year ago

  • Target version changed from 6.1.0 to 6.2.0

Moving to next release to not block 6.1.0 release.

#9

Updated by Alexander Watzinger about 1 year ago

  • Status changed from Assigned to Acknowledged
  • Assignee deleted (Christoph Hoffmann)
  • Target version changed from 6.2.0 to 6.3.0

Moving it to the next version because of lack of frontend developer capacities. Sorry for the inconvenience.

#10

Updated by Alexander Watzinger about 1 year ago

  • Target version changed from 6.3.0 to 6.4.0
#11

Updated by Christoph Hoffmann about 1 year ago

solution proposal here

#12

Updated by Christoph Hoffmann about 1 year ago

  • Status changed from Acknowledged to Closed

solution presented and accepted, to be released soon

Also available in: Atom PDF