lizmap-plugin icon indicating copy to clipboard operation
lizmap-plugin copied to clipboard

Maptip - An HTML div can not be in a p tag

Open Gustry opened this issue 3 years ago • 3 comments

  • Funded by: 3Liz
  • Description:
    • A div was previously included in a p tag.

I'm trying to add some tests for #341 but the linter is failing because of invalid result. It might be the cause. https://stackoverflow.com/questions/5441639/how-can-i-put-div-in-p I have error on many tools like PyCharm or https://www.freeformatter.com/html-validator.html

I will try to check the CSS

Gustry avatar Jun 04 '21 04:06 Gustry

Capture d’écran de 2021-06-11 17-17-14

Small glitch

Gustry avatar Jun 11 '21 10:06 Gustry

Small glitch

This is what I tried to explain with

It would also remove the line-break between the field name and the value, since the span will display inline. I think it is better this way, but it could change the "look&feel" of the popup.

We could

  • add a <br/> before the value which is simple but uggly ;) if we want to keep the line-break
  • use a table instead, to have the same look and feel that the Auto popup.

mdouchin avatar Jun 11 '21 10:06 mdouchin

I was in favor of a <br/> before the span or do not use span and replace p by div with some classes.

rldhont avatar Jul 13 '21 07:07 rldhont