I know, this topic affects aurelia only secondaryly but I hope, that someone can still give me a clever hint
In my project I tried to remove the bootstrap and to write own css using
CSS GRID. The technic is quite impressiv and works really well… in all browsers except Internet Explorer … . Currently my major problem is, that the internet explorer wants to know in which column and in which row an information is. But in forms with an undefined number of input fields and buttons I’m not able to give him the information. Example:
<form> <label>Input1</label> <input type="text" /> <label>Input2</label> <input type="text" /> <button type="submit">Submit</button> </form>
In this example I’m not able to set the button always in the last row.
Is there a clever trick or any Polyfill in Aurelia that makes it working or that translates my default structure into Internet Explorer-readable-structure?
P.S.: I tried to create a fiddle, but fiddle as well as codepen don’t support the internet explorer