[WP8] responsive-sm not workig

Hi,

I know that support for WP8 will appear after the released ionic 1.0.0 but is a bug in responsive-sm

The small code in blank starter

  <body ng-app="starter">

    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">Ionic Blank Starter</h1>
      </ion-header-bar>
      <ion-content>
     <div class="row responsive-sm">
		  <div class="col">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>
		  <div class="col">.col</div>
		  <div class="col">.col</div>
		  <div class="col">.col</div>
	</div>
      </ion-content>
    </ion-pane>
  </body>

with responsive-sm (broken)

without responsive-sm

Is there any solution to fix it?

Try to use some other grid framework like Foundation.

It works on WP8? Have you tested it?

I use Foundation on various websites, but not for an app, yet. I think that on WP, I’ll go native because I know .net, c# and vs tools.

Not working in WP8 IE10 and WP8.1 IE 11
-ms-flex-direction: column;
flex-direction: column;

Any idea how to fix it?

I think that Ionic is not more WP compatible…

In my case, it worked not using the class=“col” for columns.

Just plain

worked out.
1 Like