-
Bug
-
Resolution: Done
-
Major
-
None
-
2.2 GA, SaaS
-
3scale 2019-04-23, 3scale 2019-05-06, 3scale 2019-05-20
On android / google chrome (see this comment and Steps to Reproduce.)
When viewing the active docs section of the developer portal on a mobile device the menu button does not work correctly. It will open fully and immediately collapse on each click. After some debugging I was able to determine that this is caused by a conflict between multiple versions of bootstrap and jquery on the page.
In the default Main layout template there are two references to bootstrap included.
One in the head that looks like this:
{{ '/javascripts/bootstrap.min.js' | javascript_include_tag }}
And one at the bottom that looks like this:
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
It would seem that there is some conflict between these two versions of bootstrap (even though they claim to be the same version 3.0.0, they are not) and it only presents an issue when swagger UI is introduced. There really shouldn't be two in either case. I was able to resolve the issue by removing the one that is in the head.
I attempted to replace the CDN version with the one hosted in the local javascripts folder but it did not function correctly so care must be taken to ensure that there is only one version of bootstrap on the page and if we decide to use one hosted in javascripts it should be verified to be the correct version and working correctly.