Android: TextArea and/or Label disappear but clickable with semitransparent background

[Informate]

I have searched and made sure there are no existing issues for the issue I am filing

• I have searched the existing issues

Description

If I have a non edibale (editable=false) TextArea or a Label with a long multi-line text (longher than the screen height [FILL] ), inside a scrolling view.
if I set the height to Ti.UI.SIZE and the background to transparent the label or text area is not visible but clickable.

Expected Behavior

The view shows correctly.

Actual behavior

The view is not visible.

Reproducible sample

I am runnig on Android 11, in this example the issue with the label seems related to the semitransparent backgoundcolor,.

// app.js o esempio standalone Titanium

const win = Ti.UI.createWindow({
  backgroundColor: 'red',
  layout: 'vertical'
});

// ScrollView per contenere testo lungo
const scrollView = Ti.UI.createScrollView({
  layout: 'vertical',
  width: Ti.UI.FILL,
  height: Ti.UI.FILL,
  scrollType: 'vertical',
  showVerticalScrollIndicator: true
});

// testo lungo generato con repeat
const longText = ("Lorem ipsum dolor sit amet, \n").repeat(50); // circa 50 righe

// Label non-editable con textAlign Center e height: SIZE
const txt = Ti.UI.createLabel({
  text: longText,
  width: Ti.UI.FILL,
  height: Ti.UI.SIZE,
  borderColor: 'black',
  borderWidth: 2,
  wordWrap: true,
  color: 'black',
  backgroundColor: '#eeffffff',
  textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
  verticalAlign: Ti.UI.TEXT_VERTICAL_ALIGNMENT_CENTER,
  shadowColor: '#888',
  shadowOffset: { x: 15, y: 15 },
  shadowRadius: 3,
  borderRadius: '2mm',
  bottom: '1.5mm',
  top: 0,
  left: 0,
  right: 0,
  font: { fontSize: '4mm' }
});

// Aggiungo la label allo ScrollView
scrollView.add(txt);

// Aggiungo ScrollView alla finestra
win.add(scrollView);

win.open();

Steps to reproduce

run the code and no text will appear.

Platform

Android

SDK version you are using

13.0.1.GA

Alloy version you are using

No response

[m1ga]

please add an actual reproducible example. I don't understand the issue, sorry. If I just add that label to a scrollview it is visible just fine

[Informate]

please add an actual reproducible example. I don't understand the issue, sorry. If I just add that label to a scrollview it is visible just fine

Example updated for Label

[m1ga]

It does show you a warning in the logs:

View: TiBorderWrapperView not displayed because it is too large to fit into a software layer (or drawing cache), needs 23828480 bytes, only 14622720 available

It's not only a Titanium issue if you look at native posts like this https://stackoverflow.com/questions/18471194/webview-in-scrollview-view-too-large-to-fit-into-drawing-cache-how-to-rewor

what you can do is to use:

<application android:hardwareAccelerated="false">

in your tiapp.xml but that might cause other slowdowns. There is currently no dedicated way to do it just for the scrollview/label.
What also works: remove the border parts from the label. That will keep it in software mode too.

[m1ga]

A potential fix: #14366 but you might need to build a custom SDK with it as I'm not sure if it will be accepted or when.

[Informate]

Thank you so much, M1ga, for your super-quick fix and your inexplicably cultured and knowledgeable response.. You never cease to amaze me!

For the time being, I think I'll give up on the semi-transparency in the background and wait for the merge requests to take effect, if they ever do!