[TIMOB-17090] MobileWeb: height values is displayed as "auto" when button, styles property set as height: Ti.UI.SIZE
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | Low |
Status | Closed |
Resolution | Won't Fix |
Resolution Date | 2017-06-26T18:45:11.000+0000 |
Affected Version/s | Release 3.3.0 |
Fix Version/s | n/a |
Components | MobileWeb |
Labels | qe-3.3.0 |
Reporter | Priya Agarwal |
Assignee | Chris Barber |
Created | 2014-06-09T11:18:42.000+0000 |
Updated | 2018-04-04T23:20:39.000+0000 |
Description
height values is displayed as "auto" when button, styles properties set as height: Ti.UI.SIZE.
Steps to reproduce:
index.js:
$.index.open();
var style = require('alloy/styles/index');
var i, len;
for (i = 0, len = $.index.children.length; i < len; i++) {
var child = $.index.children[i];
child.addEventListener('click', function(e) {
var id = e.source.id;
_.each(style, function(o) {
if (o.key === id && o.isId) {
// print each style that applies by ID to the source
alert(JSON.stringify(o));
}
});
});
}
index.xml:
<Alloy>
<Window>
<Label id="info">Click anything to see its ID style entry</Label>
<Button id="button1">button1</Button>
<Button id="button2">button2</Button>
<Button id="button3">button3</Button>
</Window>
</Alloy>
index.tss:
"#index": {
layout: 'vertical'
}
"#button1": {
height: '70dp',
width: '250dp',
borderRadius: 8,
borderWidth: 2,
borderColor: '#500'
}
"#button2": {
width: '100dp',
height: Ti.UI.SIZE
}
"#button3": {
height: '40dp',
width: '200dp',
borderRadius: 32,
borderWidth: 1,
borderColor: '#0f0'
}
1. Run the sample test code
2. Click on the button2.
Expected Result:
1. alert must pop up with height value as "SIZE"
Actual Result:
1. alert must pop up with height value as "auto"
Note:
This is not a regression. Occurs with alloy@1.3.1 also
Working fine for normal iOS and Android project.
Marking ticket as "Won't Fix" as MobileWeb has been deprecated.
Closing as will not fix.