Titanium JIRA Archive
Appcelerator Community (AC)

[AC-6273] Applying borderRadius to a view creates a sort of buffer between it and its child

GitHub Issuen/a
TypeBug
Priorityn/a
StatusResolved
ResolutionDone
Resolution Date2019-06-18T17:56:22.000+0000
Affected Version/sn/a
Fix Version/sn/a
Componentsn/a
Labelsandroid, sdk-7.5.2.GA
Reporterpritish.george
AssigneeShak Hossain
Created2019-05-31T16:16:05.000+0000
Updated2019-06-18T17:56:22.000+0000

Description

var win = Ti.UI.createWindow({
    backgroundColor: 'black',
});

var vw_main = Ti.UI.createView({
    left: 0,
    top: 0,
    width: '100%',
    height: '100%',
});
win.add(vw_main);

var vw_rect1 = Ti.UI.createView({
    //top: 20,
    width: 250,
    height: 100,
    borderRadius: 10,
    backgroundColor: 'red',
});
vw_main.add(vw_rect1);

var vw_rect2 = Ti.UI.createView({
    width: 250,
    height: 100,
    backgroundColor: 'black',
});
vw_rect1.add(vw_rect2);

/*
When borderRadius is enabled in the red view. It is shrinking its child view by (what i assume is 1px).
This causes a unwanted thin border.
*/

win.open();

Comments

  1. Jebun Naher 2019-06-02

    Hi [~pritish.george], Can you try using latest ti sdk 8.0.1.GA and confirm if you experience the same? Did you experience this issue on emulator or real device? Let us know the update.
  2. Sharif AbuDarda 2019-06-06

    Hello, Did you tried with the latest SDK? Can you follow up here? Thanks.
  3. pritish.george 2019-06-11

    Hi, I have tested it using Ti SDK 8.0.1 GA and on a Android device. The issue *does not exist on SDK 8.0.1 GA*
  4. Rene Pot 2019-06-18

    [~pritish.george] so the issue is fixed for you when you use 8.0.1? In that case this ticket can be closed.

JSON Source