Made a workaround for this.
Instead of using StyleInjector. I just created a wrapper class that treats
it like a mundane style element with loaded innerHTML from the resource:
public interface CSSStuff extends ClientBundle {
public static final PageCSSResources INSTANCE = GWT.create(PageCSSResources.
class);
@Source("styles.css")
TextResource siteCss();
}
//...Somewhere else
StyleElement element = Document.get().createStyleElement();
element.setInnerHTML(CSSStuff.INSTANCE.siteCss().getText());
Document.get().getHead().appendChild(shared.getElement());
On Friday, April 27, 2018 at 10:01:11 AM UTC-4, Tyler Moore wrote:
>
> I use StyleInjector to inject CSS rules that work with Shadow DOM Custom
> Properties: https://www.polymer-project.org/2.0/docs/devguide/shadow-dom
>
> A snippit from the CSS I inject:
>
> event-action-table.event-action-list-editor {
> --table-height: 200px;
> a-property-with-no-double-minus-prefix: 0;
> }
>
> A snippit from the custom element template:
> <style>
> vaadin-grid {
> width: 100%;
> height: var(--table-height);
> }
> </style>
>
>
> However, at run time, it looks like anything that is prefixed with '--'
> get's ignored by the injector. In the above case, my output element style
> looks like:
> event-action-table.event-action-list-editor {
> a-property-with-no-double-minus-prefix: 0;
> }
>
> Why is that?
>
--
You received this message because you are subscribed to the Google Groups "GWT
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.
