Textfield text in InteractionDialog only shown when TextField has focus - codenameone

Question

In an InteractionDialog of mine there is a TextField. I set the TextField style to a UIID defined in CSS. The TextField background is shown but not the text inside it
although
System.err.println("The textfield contains " + nameTf.getText());
prints the expected text and the foreground color is 0 as expected. The text is only shown when I press inside the TextField but as soon as I press outside it disappears as shown below :
No EDT violation appears in the console.
The code used is the following :
// Opens a dialog to input the name
nameButton.addActionListener((evt) -> {
InteractionDialog nameDialog = new InteractionDialog();
nameDialog.setLayout(new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER));
// Hint for the user
SpanLabel hintLabel = new SpanLabel("Indiquer un nom");
hintLabel.setTextUIID(hintStyleName);
TextField nameTf = new TextField(
chosenAlarm.name.get() == null ? "Ma destination préférée" : chosenAlarm.name.get()
);
nameTf.setUIID(textFieldStyleName);
System.err.println("The textfield colour is " + nameTf.getUnselectedStyle().getFgColor());
// Validate text button
Button validateNameButton = new Button("Valider >");
validateNameButton.setUIID("ValidateButton");
Container nameButtons = BoxLayout.encloseX(validateNameButton);
validateNameButton.addActionListener((e) -> {
// ...
});
nameDialog.addComponent(BorderLayout.CENTER, nameTf);
nameDialog.addComponent(BorderLayout.NORTH, hintLabel);
// The buttons will be centered
nameDialog.addComponent(BorderLayout.SOUTH, BorderLayout.centerCenter(nameButtons));
// Shows the dialog in the center of the screen
nameDialog.showPopupDialog(nameButton);
});
So it seems that whenever the TextField looses focus the text disappears. What should I do to show the text contained in the TextField even when the user does not press inside the TextField ?
Please note : the screen captures hide some elements since the app is Top Secret NSA Level ;-).
Any help appreciated,

Answer 1

Actually the issue was coming from the css style where I set the opacity to 255 (like in the theme designer with transparency). It had to be set to a value between 0 and 1.0 indeed.
MyTextFiledStyle {
color: #000000;
background-color: #ffffff;
text-align: left;
opacity: 1.0; /*NOT 255 */
font-family: "native:MainLight";
}