Product type popup display issue

[sbrunato]

A popup is displayed when hovering a product type into the dropdown list.

For product types with long descriptions, the popup is not always located at the right place and there is a z-index issue.

[sbrunato]

In GitLab by @ctriquet-cs on Jun 29, 2021, 17:05

changed the description

[sbrunato]

In GitLab by @ctriquet-cs on Jun 29, 2021, 17:05

assigned to @PhML

[sbrunato]

In GitLab by @PhML on Jul 1, 2021, 16:44

I corrected the z-index: tooltip is now above map. About placement, it seems like a bug of the library. Below a screenshot of a bad tooltip position:

And now the same tooltip at a good postition (right):

The difference is just the position of the option in the list.

I can leave it like this or limit the size of the tooltip:

(I just limited the size, I don’t know how to modify the content)

What do you think about it @sbrunato ?

[sbrunato]

In GitLab by @sbrunato on Jul 1, 2021, 16:50

z-index and position on the right side are good. I'd leave the tooltip size at its default value. If we want less text, we'd better shorten the description stored in eodag.

[sbrunato]

In GitLab by @PhML on Jul 1, 2021, 16:53

To be clear: I don’t know how to avoid the tooltip to be sometimes on top (first screenshot).

[sbrunato]

In GitLab by @sbrunato on Jul 1, 2021, 16:58

that's ok, the point of the issue was the z-index

[sbrunato]

In GitLab by @PhML on Jul 1, 2021, 17:21

mentioned in commit 70c929b70b070d24f3a16a4f43bd17912e311471

[sbrunato]

In GitLab by @PhML on Jul 1, 2021, 17:21

mentioned in merge request !16