title: <a> tags not working for cordova app
body: <p>I am making a Cordova app that has buttons that are supposed to launch a link to the external browser. I However when I build the app for Android or use the app to connect to my hosted project, links don't work. When I try clicking on a button or a tag I don't see my animation and nothing happens but it workes fine on my PC's browser. I tried looking this up and found that changes to the config file or new plugins can cause these tags do not work but my config.xml looks like it's supposed to and I reinstalled/downgraded the inappbrowser plugin to a version that I have used on older working projects. How can I figure out what I'm doing wrong?</p>
  
  <p>My config.xml:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.example.bookapp" version="1.0.0"&gt;
    &lt;name&gt;book app&lt;/name&gt;
    &lt;description&gt;
          app
      &lt;/description&gt;
    &lt;author email="email" href="website"&gt;
          author
      &lt;/author&gt;
    &lt;platform name="android"&gt;
      &lt;icon density="mdpi" src="www/res/mipmap-mdpi/ic_launcher.png"/&gt;
      &lt;icon density="hdpi" src="www/res/mipmap-hdpi/ic_launcher.png"/&gt;
      &lt;icon density="xhdpi" src="www/res/mipmap-xhdpi/ic_launcher.png"/&gt;
      &lt;icon density="xxhdpi" src="www/res/mipmap-xxhdpi/ic_launcher.png"/&gt;
      &lt;icon density="xxxhdpi" src="www/res/mipmap-xxxhdpi/ic_launcher.png"/&gt;
    &lt;/platform&gt;
    &lt;content src="index.html"/&gt;
    &lt;access origin="*"/&gt;
    &lt;plugin name="cordova-plugin-statusbar" spec="^2.4.2"/&gt;
    &lt;plugin name="cordova-plugin-network-information" spec="^2.0.1"/&gt;
    &lt;plugin name="cordova-plugin-local-notification" spec="^0.9.0-beta.2"/&gt;
    &lt;plugin name="cordova-plugin-screen-orientation" spec="^3.0.1"/&gt;
    &lt;plugin name="cordova-plugin-inappbrowser" spec="^2.0.2"/&gt;
    &lt;engine name="android" spec="~7.0.0"/&gt;
    &lt;engine name="browser" spec="^5.0.3"/&gt;
    &lt;engine name="ios" spec="^4.5.4"/&gt;
  &lt;/widget&gt;
  </code></pre>
  
  <p>My html document with the broken links:</p>
  
  <pre><code> &lt;main&gt;
    &lt;section class="dynamic-card"&gt;
     &lt;ul&gt;
      &lt;li&gt;
       &lt;a class="contact-link website waves-effect waves-light btn" href="#"&gt;
        &lt;span class="network-name"&gt;
         email
        &lt;/span&gt;
       &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
       &lt;a class="contact-link email waves-effect waves-light btn" href="#" onclick="website()"&gt;
        &lt;span class="network-name"&gt;
         website
        &lt;/span&gt;
       &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
       &lt;a class="contact-link waves-effect waves-light btn facebook" href="#" onclick="facebook()"&gt;
        &lt;span class="network-name"&gt;
         Facebook
        &lt;/span&gt;
       &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
       &lt;a class="contact-link twitter waves-effect waves-light btn" href="#" onclick="twitter()"&gt;
        &lt;span class="network-name"&gt;
         Twitter
        &lt;/span&gt;
       &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
       &lt;a class="contact-link instagram waves-effect waves-light btn" href="#" onclick="instagram()"&gt;
        &lt;span class="network-name"&gt;
         instagram
        &lt;/span&gt;
       &lt;/a&gt;
      &lt;/li&gt;
     &lt;/ul&gt;
    &lt;/section&gt;
   &lt;/main&gt;
  </code></pre>
  
  <p>like I said the links behave normally on Chrome but once I get it on my phone the links behave like buttons without a href attribute or a click/hover animation.</p>