Angular formly is not working/displaying in Firefox and safari browesr

[pavithra-r]

I am using angular-formly in one of my project and it is working fine in chrome browser and in android mobile. i have followed http://angular-formly.com/#/ this tutorial to develop this functionality. But when i try in firefox,safari and in iphone it is not displaying and no console errors also. Any suggestions ?

[sumitasr]

@pavithra-r Which version of formly are you using ? And can you share your code with something like http://jsbin.com/ ?

[pavithra-r]

Hi sumitasr, thank you so much for your response.

Formly version that i have used in my project: "angular-formly": "^8.2.1", "angular-formly-templates-bootstrap": "^6.3.2", "api-check": "^7.5.5" "angular": "~1.3.8"

http://jsbin.com/tapuha/9/edit?html,js,output The similar code only am following in my project but we are using bower components not a cdn link.

Then our project structure and coding style also little different so in jsbin i cant able to put my code properly.sorry for that. The code that i used inside my project , https://jsbin.com/dukeva/3/edit?html,js,output

Then in one more js file i have added this code,

(function() { 'use strict'; //Angular Formly var app = angular.module('app.formly', ['formly', 'formlyBootstrap','ngAnimate']) })();

In Google Chrome am getting the output like this,

In Mozila Firefox,

Am fresher and am new to this technology. Am not getting how its working fine in google chrome,android mobile and not displaying in mozile,safari,iphone.

Once Again thanks for your help.

[icruces]

@pavithra-r Have you checked with the Firefox debugger if the form is generated in the DOM? I would review the css of the form or its container.

[pavithra-r]

@icruces Form is generated but that paramaters(input textbox,textarea) are not repeating in firefox.( not generated from controllers)

In Firefox:

In GoogleChrome:

[kiran8143]

Formly has this issues in safari ,IE and mobile browsers also. Some time's the validation messages over lap. I have give up using angular formly for client projects

[pavithra-r]

Hi , I had figured out that issue, it is due webcomponents.js.For map I had installed the google map bower component in that webcomponent.js having some issue. Once I comment this script, I'm able to the see angular form in all the browser.