View Issue Details
ID | Project | Category | View Status | Date Submitted | Last Update |
---|---|---|---|---|---|
20284 | Bug reports | Question theme | public | 2025-10-04 16:16 | 2025-10-09 19:54 |
Reporter | nonformality | Assigned To | |||
Priority | none | Severity | partial_block | ||
Status | new | Resolution | open | ||
Product Version | 6.6.x | ||||
Summary | 20284: Clicking on tooltips forces scroll to top | ||||
Description | We use tooltips across our surveys to explain terms that respondents might not easily understand. Currently, when responding to the surveys on a touchscreen device, the tooltips show an erronous behaviour: when a term is being clicked to see the tooltip, the page scrolls to the top automatically. I have verified that we use the correct tooltip syntax as per bootstrap 5.x: <code><a href="#" data-bs-toggle="tooltip" data-bs-title="Default tooltip">inline links</a></code> | ||||
Steps To Reproduce | Steps to reproduceGo to https://surveys.researchyouth.net/test-hr?lang=en on a mobile device. On the bottom of the start page, click next. On the first screen with questions, the second question has some tooltips where you can verify the problem. Expected resultWhen clicking on a word to see the tooltip, the tooltip should appear, and nothing else should happen. Actual resultWhen clicking on a word to see the tooltip, the tooltip appears AND the page scrolls to the top. The pink tooltip for mentors has a different syntax to narrow down the problem, it uses a span element. Here, no topscroll occurs. | ||||
Tags | scrolling, tooltip | ||||
Attached Files | |||||
Bug heat | 4 | ||||
Complete LimeSurvey version number (& build) | Version 6.15.15+250929 | ||||
I will donate to the project if issue is resolved | No | ||||
Browser | Safari, Chrome | ||||
Database type & version | mysqlnd 8.4.11, 11.8.3-MariaDB | ||||
Server OS (if known) | Debian Trixie | ||||
Webserver software & version (if known) | Apache/2.4.65 | ||||
PHP Version | 8.4.11 | ||||
Also verified that the scroll-to-top erroneous behaviour is theme-independent: happens in all themes. |
|
BS 5 use button for tooltips https://getbootstrap.com/docs/5.3/components/tooltips/#enable-tooltips Remove href="#" and add index=0 No Limesurvey related |
|
And code for the link came from Specific demo part. |
|
Denis, where do you see that BS5 uses buttons only for tooltips? The site you link to has a section with tooltips on links, which is what we have used so far and would like to keep using. We use the same approach in many other sites that do not use LimeSurvey, and none of them scrolls to the top… |
|
https://getbootstrap.com/docs/5.3/components/tooltips/#custom-tooltips For tooltips on link : view-source:https://getbootstrap.com/docs/5.3/components/tooltips/#custom-tooltips |
|
It looks like Bootstrap is suppressing the scroll to top with a script. Is that script also integrated in LimeSurvey and can simply be called? |
|
Screenshot of the script |
|
Date Modified | Username | Field | Change |
---|---|---|---|
2025-10-04 16:16 | nonformality | New Issue | |
2025-10-04 16:16 | nonformality | File Added: lime.gif | |
2025-10-04 16:19 | nonformality | Tag Attached: tooltip | |
2025-10-04 16:19 | nonformality | Tag Attached: scrolling | |
2025-10-04 17:23 | nonformality | Note Added: 83533 | |
2025-10-04 17:23 | nonformality | Bug heat | 0 => 2 |
2025-10-05 15:27 | DenisChenu | Note Added: 83534 | |
2025-10-05 15:27 | DenisChenu | Bug heat | 2 => 4 |
2025-10-05 15:29 | DenisChenu | Note Added: 83535 | |
2025-10-05 15:40 | nonformality | Note Added: 83536 | |
2025-10-06 09:46 | DenisChenu | Note Added: 83537 | |
2025-10-06 09:46 | DenisChenu | File Added: Capture d’écran du 2025-10-06 09-45-18.png | |
2025-10-09 19:54 | nonformality | Note Added: 83577 | |
2025-10-09 19:54 | nonformality | Note Added: 83578 | |
2025-10-09 19:54 | nonformality | File Added: Screenshot 2025-10-09 at 19.52.45.png |