ui-file dropzone not stretching to fill column width

[SvetlozarValchev]

There seems to be a difference between the example provided here: https://aurelia-ui-framework.herokuapp.com/docs/form and the actual implementation

The dropzone doesn't stretch to fill the column width. It seems that getting it out of <input-wrapper> (like it is in the example docs) fixes it.

[SvetlozarValchev]

Found the issue. The @viewResources is not working for some reason and doesn't get included in ui-file, ui-input, etc. Which means it has no special behaviour and therefore there's no @containerless to remove it, so it breaks the CSS.

This happens only when included as a module, the reason it works in the Demo Docs is because it's directly loaded into Aurelia.

[firstfocus]

@SvetlozarValchev did you find any solution to this? I am having issues with all custom elements with @viewResources when I do a local compile of this library to dist and use npm link.

[SvetlozarValchev]

@firstfocus Not really, I don't remember if I either solved it with CSS override or loading it the way it's in the demo (directly loading it in), but I eventually moved to a different UI framework as this one seems abandoned.

[firstfocus]

@SvetlozarValchev thanks for the reaction! Which framework did you switch to? I'm struggling finding an alternative as complete as this.

[SvetlozarValchev]

@firstfocus Tried Materialize and a few others, but ultimately switched to Vue.js + Vuetify as most UI Frameworks for Aurelia seem to be either abandoned or insufficient for our needs.

[firstfocus]

@SvetlozarValchev Looks like we will be switching too. Thanks for the tip!