Tiles format showing content pop up box duplicated in SAAS sites

[Bryan Santiago Cruz Angel]

*DESCRIPTION*

Tiles format showing content pop up box duplicated in SaaS sites. Can replicate on SaaS site in any theme. 

*STEPS TO REPLICATE*

1. Navigate to the Tiles format site settings (Site Administration > Plugins > Course Formats > Tiles Format), and under the “Other” section be sure “Use JavaScript tooltips” is selected and saved.
2. Create a new course using Tile Format as the Course Format.
3. Turn editing on in course
4. Edit first tile section (“Edit section”)
5. Click on “Pick a new icon or background photo”
6. Select “Upload a new photo” to upload photo and then save changes.
7. Add any Activity to the section.
8. Turn editing off and view section tile.
9. Move the mouse/pointer from the top of the tile down towards the bottom.  

Note: Sometimes the error does not seem to be present, because both pop-up windows overlap each other, so I recommend checking different screen sizes on browser and HTML structure with the web site inspector.

OBSERVED BEHAVIOR:
Section contents pop up box is displaying twice/duplicated as you navigate/hover down tile.

‌

EXPECTED BEHAVIOR:
Contents pop up box should only display once upon hovering

‌

Format-Tiles Version: 2020080629

Moodle Version: 3.11.9

‌

[Bryan Santiago Cruz Angel]

I found that the template mentions the use of another HTML element to cover the lower part of the tile, using two similar elements but in different positions, the first is the image div tileText and the second the div tile-text, both contain the tile activity summary, and I think the problem is that these elements overlap, so when hovering, the boxes of both parts are being shown.

My recommendation is to remove the redundant information and instead of dedicating the lower section to another HTML element, use a css rule that expands the affected area when hovering with the mouse.

I remain attentive to the resolution of the problem, kind regards.