Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-12500] Android: borderRadius does not clip the content on some devices

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2013-02-21T12:20:58.000+0000
Affected Version/sRelease 3.0.0
Fix Version/sRelease 3.1.0, 2013 Sprint 04 API, 2013 Sprint 04
ComponentsAndroid
LabelsSupportTeam, api, module_tableview, qe-testadded
ReporterVarun Joshi
AssigneeVishal Duggal
Created2013-01-30T22:09:16.000+0000
Updated2014-07-04T10:28:44.000+0000

Description

Issue

Run the sample code below: http://pastie.org/private/yr2e8eil9t1oka9vqvi38q The borders are not clipped on specific devices if borderRadius is used. (Attached is the screenshot of the output on Droid 4 running Android 4.0.4) This issue does not happen in Galaxy S2 running 4.0.4

Expected Output

The expected output is attached. (expectedoutput.png)

Attachments

FileDateSize
borderRadiusScreenshot.png2013-01-30T22:09:16.000+000014283
expectedoutput.png2013-01-30T22:09:16.000+000022433

Comments

  1. Vishal Duggal 2013-02-12

    Note to QE. Make sure the tiapp.xml is modified to enable HW acceleration. Run on anything above 3.0. I tested this with S3 running 4.1.1 and Nexus4 running 4.2 Something like this
       <android xmlns:android="http://schemas.android.com/apk/res/android">
               <tool-api-level>11</tool-api-level>
               <manifest>
                   <uses-sdk android:targetSdkVersion="11"/>
                   <application android:debuggable="true" android:hardwareAccelerated="true"/>
                   <!-- other manifest entries -->
               </manifest>
       </android>
       
    Test case
       Titanium.UI.setBackgroundColor('#000');
       
       var win = Titanium.UI.createWindow({
           title : 'Tab 1',
           backgroundColor : '#fff'
       });
       
       var rows = [];
       for (var i = 0; i < 5; i++) {
           var row = Ti.UI.createTableViewRow({});
           row.add(Ti.UI.createView({
               width : 100,
               height : 50,
               left : 0,
               backgroundColor : 'blue',
               borderWidth : 1,
               borderColor : '#000'
           }));
           rows.push(row);
       };
       var table = Ti.UI.createTableView({
           data : rows,
           borderWidth : 1,
           borderRadius : 30,
           borderColor : 'blue',
           backgroundColor : '#fff',
           rowHeight : 50,
           top : 100,
           left : 100,
           right : 100,
           height : Ti.UI.SIZE
       });
       win.add(table);
       
       win.open();
       
  2. Vishal Duggal 2013-02-12

    Pull pending https://github.com/appcelerator/titanium_mobile/pull/3865
  3. Shyam Bhadauria 2013-02-21

    Environment used for verification - Titanium SDK: 3.1.0.v20130220163402 Titanium  Studio:3.0.2.201302141201 Device : Samung GALAXY Tab 620 Android 3.2 and Samsung Galaxy Nexus Android 4.0.2
  4. Shyam Bhadauria 2013-02-21

    Re-opening to add and edit verification environment details.

JSON Source