Ticket #507 (closed Task: wontfix)

Opened 7 years ago

Last modified 5 years ago

Update jQuery and jQuery UI

Reported by: jri Owned by: jri
Priority: Major Milestone: Release 4.2
Component: DeepaMehta Standard Distribution Version: 4.1.2
Keywords: Cc: dgf, Malte
Complexity: 3 Area:
Module: deepamehta-webclient

Description

When we do DOM based topic rendering on the topicmap (see #505) we could leverage jQuery UI's Draggable interaction.
Updating jQuery and jQuery UI is probably a good start.

Change History

comment:1 Changed 7 years ago by jri

  • Status changed from new to accepted

comment:2 Changed 7 years ago by jri

Update jQuery and jQuery UI (#507).

jQuery 1.7.2 -> 2.0.3
jQuery UI 1.8.21 -> 1.10.3

See #507.

Changeset: 707b5ee0e3c86391e48e7a3e38cd66dd37013c01

comment:3 Changed 7 years ago by jri

Adapt plugins to new jQuery and jQuery UI (#507).

See #507.

Changeset: 5f815947eff62808f2c5da69b9d472c5564b60d0

comment:4 Changed 7 years ago by jri

There is a problem with Dialogs: when a Geomap is open the dialog is *behind* the map (resize the browser window to see it) and thus is not usable. Obviously jQuery UI 1.10.3 uses other z-indexes as jQuery UI 1.8.21

comment:5 Changed 7 years ago by Jörg Richter

  • Status changed from accepted to closed
  • Resolution set to fixed

comment:6 Changed 5 years ago by jri

  • Status changed from closed to reopened
  • Resolution fixed deleted

We should update jQuery and jQuery UI again.

I want to see if jQuery UI menus with submenus works better meanwhile with DMs desktop-style UI (in contrast to webpage-style), see #758.

comment:7 Changed 5 years ago by Jörg Richter <jri@…>

In 3d2383c8acd206dbe65d934d59494f1b04833c4c/deepamehta:

Webclient: update jQuery and jQuery UI (#507).

jQuery 2.0.3 -> 2.1.4
jQuery UI 1.10.3 -> 1.11.4

See #507.

comment:8 Changed 5 years ago by Jörg Richter <jri@…>

In 354d5cce5a12a1522392cddc04b883c7b6ad8fae/deepamehta:

Adapt Webclient to jQuery UI 1.11.4 (#507, #758).

With jQuery UI 1.11.4 we didn't manage to get scrollable menus with submenus layouted properly.
The submenu appears inside the main menu's container and a vertical scrollbar appears. The submenu is only visible after scrolling to the right.
Fiddling with overflow-x and overflow-y doesn't help. The intended x=visible/y=auto combination is not supported by browsers. See W3C spec below.

With older jQuery UI 1.10.4 we got it working!
The solution is to set the menu's CSS "position" to "static" (and possibly position the menu by the jQuery UI "position" option then). All other position values ("absolute", "relative", "fixed") are not working. CSS "overflow" can just be "auto" then.
With jQuery UI 1.11.4 the "position=static" solution do not work.
So, scrollable menus with submenus are possible with jQuery UI 1.10.4 but not with newer jQuery UI 1.11.4.
All this is true pain!!

W3C spec says:

The computed values of "overflow-x" and "overflow-y" are the same as their specified values, except that some combinations with "visible" are not possible: if one is specified as "visible" and the other is "scroll" or "auto", then "visible" is set to "auto". The computed value of "overflow" is equal to the computed value of "overflow-x" if "overflow-y" is the same; otherwise it is the pair of computed values of "overflow-x" and "overflow-y".

http://www.w3.org/TR/css3-box/#overflow-x

See #507.
See #758.

comment:9 Changed 5 years ago by jri

  • Status changed from reopened to closed
  • Resolution set to wontfix

We're still at:

jQuery 2.0.3
jQuery UI 1.10.3

Note: See TracTickets for help on using tickets.