mobile-angular-ui icon indicating copy to clipboard operation
mobile-angular-ui copied to clipboard
verified publisher icon mcasimir

Not working properly when `$rootElem` is different from `document.body` (ie. in MEAN.JS)

Open charleshan opened this issue 10 years ago • 8 comments

Hi, I cannot get the sidebars to work on MEAN.JS for some reason. I added mobile-angular-ui to bower and installed it, added the js and css files in the environment setup, added mobile-angular-ui dependency to angular, followed the "Basic Layout" from the documentation but the sidebars are covered by the body. ui-toggle='uiSidebarLeft' buttons don't seem to be doing anything either. I tried this on fresh MEAN.JS setup.

charleshan avatar Feb 10 '15 06:02 charleshan

linked to #162

charleshan avatar Feb 11 '15 04:02 charleshan

did you found solution?

henricavalcante avatar Mar 10 '15 09:03 henricavalcante

Oh I forgot to get back to this post. I spent many hours trying to fix this issue. The solution I was looking for turned out to be downgrading. Everything was working fine after downgrading (I forgot the exact release).

charleshan avatar Mar 10 '15 09:03 charleshan

on bower or manually?

henricavalcante avatar Mar 10 '15 09:03 henricavalcante

on bower :)

charleshan avatar Mar 10 '15 09:03 charleshan

thank you =) I'll try ...

henricavalcante avatar Mar 10 '15 20:03 henricavalcante

For Mean.js, edit your /public/application.js file and modify the line :

angular.bootstrap(document). by angular.bootstrap(document.body).

Mean.js bootstrap the application on the document element, and therefor, $rootElem get some css class appllied to by mobile-angular-ui, breaking the application.

a-lucas avatar Jun 21 '15 12:06 a-lucas

@a-lucas, awesome catch, going to do something about that. Maybe just documenting for now.

mcasimir avatar Aug 04 '15 10:08 mcasimir