diff options
authorMarçal Comajoan Cara <>2018-12-10 15:49:17 +0100
committerChris Johns <>2018-12-14 08:56:04 +1100
commit7dfa32c60dd97f4cb88fe08a35c3d63b235a95e4 (patch)
parent9c7468b0991dfe9cd8b208379b69ecfb3a3498c7 (diff) fix website in iPhones and iPads
The accordion box collapse did not work on iPhone and iPad. Basically what happened is that the code was correct (this is why it worked in every other web browser), but relied only on the 'data-target' and 'data-toggle' attributes, which for iPad's and iPhone's Safari web browser don't work very well. Other iOS web browsers (Chrome, Firefox, etc. for iOS) were probably also affected by this bug because Apple only permits to use the Safari browser engine in iOS applications. Just by adding some CSS (cursor: pointer;) to the element works as expected. This change also shows a pointer cursor when hovering over the accordion you have to click when using a computer which makes it more intuitive instead of just an arrow. To test the changes I used an iPad 2 from 2011 with iOS 9.3.5 so it should work on newer iPhones and iPads too. Closes #2860. This work was part of GCI 2018.
1 files changed, 4 insertions, 0 deletions
diff --git a/docs/ b/docs/
index 985e7f3..f6a0f08 100644
--- a/docs/
+++ b/docs/
@@ -94,3 +94,7 @@ col-md-9, h1 {
line-height: 1;
border: 0px;
+[data-toggle~="collapse"] {
+ cursor: pointer;