Собственное свойство не работает с Flex-Box ⇐ CSS

[Anonymous]

У меня есть следующий код, используя Flex-box < /p>






.lab-flex-col-container {
display: flex;
flex-flow: column;
align-content: center;
background-color: gold;
border-radius:5px;
margin: 5px;
}

.lab-flex-col {
display:flex;
flex-flow:column;
align-self:center;
margin:5px;
}

.margin2 { margin: 2px; }










Save








import 'package:polymer/polymer.dart';
import 'dart:html';

@CustomTag( 'test-flex' )
class TestFlex extends PolymerElement
{

TestFlex.created() : super.created();

ready()
{
$['hidden-does-not-work'].hidden = true;
}

void syncDb ( Event e, var detail, var target )
{

}

@override
void enteredView()
{
super.enteredView();

$['hidden-does-not-work-here-either'].hidden = true;

}
}



< /code>

Почему присутствие класса Lab-flex-col предотвращает скрытие текстового ввода?
Я попробовал hidden = 'hidden', и это Также не работают. Элемент остается видимым.


Подробнее здесь: https://stackoverflow.com/questions/237 ... h-flex-box