Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-27337

Hyper link in html not working on Android

    Details

    • Type: Bug
    • Status: Open
    • Priority: None
    • Resolution: Unresolved
    • Affects Version/s: Release 8.1.0
    • Fix Version/s: None
    • Component/s: Android
    • Labels:

      Description

      The html is being set on Webview. But when we click on "click here” label hyperlink is html is not working on android and for this map is not loaded. On the other hand, this is working as expected on iOS.

      Test Environment:

      Appcelerator Command-Line Interface, version 7.1.0
      Operating System
        Name                        = Mac OS X
        Version                     = 10.14.2
        Architecture                = 64bit
        # CPUs                      = 4
        Memory                      = 8589934592
       
      Node.js
        Node.js Version             = 8.9.4
        npm Version                 = 5.6.0
       
      Titanium CLI
        CLI Version                 = 5.2.1
       
      Titanium SDK
        SDK Version                 = 8.1.0.GA
        SDK Path                    = /Users/macbookpro/Library/Application Support/Titanium/mobilesdk/osx/8.1.0.GA
        Target Platform             = android
       
      Device: iOS(12.3.1) Android:(Huawei Gr3 2017-7.0.0)
      

      Test Code:

      var win = Ti.UI.createWindow({
       
      backgroundColor: "white"
       
      });
       
      var html= '<meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1">';
       
      var venuehtml= "<head><p>Hotel Center Point,<br />Ramdas Peth,<br />Nagpur,<br />Maharashtra, India</p>\n<p><a href=\"http://goo.gl/maps/Q9pExktkV53up2Kd9\" target=\"_blank\">Click here</a>&nbsp;for directions to the venue.</p></head>";
       
      win.add(Ti.UI.createWebView({
       
      // backgroundColor : 'red',
       
      width : Ti.UI.FILL,
       
      height : Ti.UI.FILL,
       
      //touchEnabled:false,
       
      top : '0dp',
       
      left : '8dp',
       
      right : '8dp',
       
      scalesPageToFit : (Ti.Platform.osname == 'android') ? true : false,
       
      willHandleTouches : false,
       
      borderRadius : 0.1,
       
      disableBounce : true,
       
      enableZoomControls : false,
       
      ignoreSslError:true,
       
      mixedContentMode : true,
       
      //url:"https://goo.gl/maps/Q9pExktkV53up2Kd9"
       
      html : html + venuehtml
       
      }));
       
      win.open();
      
      

      Test Steps:

      • Open Studio
      • Paste the sample code into app.js
      • After running, click “"click here”, we got a blank window on android but map is loaded in IOS.

      Test Output:

      iOS:

      Android:

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                rmitro Rakhi Mitro
              • Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Backbone Issue Sync

                  • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                    Git Source Code