We are developing responsive web design using angularJS and angular material design.I have 8 field names
in my screen and my requirement is I need to write a directive once I focus on any of the fields, its width should double up (to display whole data) and as I tab out it should fall back to original size.I am using flex in angular material design.
Is this achievable? if yes any sample code will be highly appreciated
<md-item ng-repeat="Employee in Foo.Employees track by $index">
<div layout="row" layout-sm="column" layout-fill>
Thanks in advance