[#39971] - Tooltip style broke the other extension behavior
- Closed
- 1 Mar 2023
- Medium
- Build: 4.2.8
- # 39971
Steps to reproduce the issue
Hi
I use Leaflet library to display Open Street Maps.
And this library has "Tooltipp object", that has attribute role="tooltip"
And in this case in default template CSS file template.min.css applied style
[role=tooltip]:not(.show){
background:#fff;
border:1px solid #6d757e;
border-radius:.25rem;
-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.8);
box-shadow:0 0 .5rem rgba(0,0,0,.8);
color:#000;
display:none;
margin:.5em;max-width:100%;
padding:.5em;
right:5em;
text-align:start;
z-index:1070
}
It broke expected map behavior - not displays tooltips as map object
Expected result
Display tooltip as map object
Actual result
It has display=none and other incorrect values to show correct result
System information (as much as possible)
Joomla 4.2.8
Additional comments
I can add link to development site to current map with incorrect behavior
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2023-03-01 12:43:43 |
| Closed_By | ⇒ | N6REJ |
You didn't understand
I can't change leaflet library. It creates divs
As you can see template overrides it
On first image I changed to show result after fixing. I added :not(.leaflet-tooltip) and find out problem
After that I changed to :not(.leaflet-tooltip1) to show as is by template
please provide link where this can be checked.
Things like this belong in the forum. It's not a core Joomla issue.
Here link
https://test.zhuk.cc/j4/index.php/test-map?view=map&id=3&externalmarkerlink=0
Now I configure to show tooltip by default. And it is not shown, but you can find it as I wrote image above.
It is test page for fixing problem for hover event (show|hide tooltip on hovering), but now I configure to have tooltip shown on load.
glad you got it resolved
The css you've shown are for when the .show class is not being used.
so, add the class "show" like