Topic: DropDown background color does not appear sometime in Mobile browsers

crounini pro asked 6 years ago


Hello everybody ! And thank your for your work. Sometime (it's random) but only in mobile FireFox and mobile Edge, the background color dropdown of the hamburger menu of my project does not appear. I see the text of the menu but the background is transparent. Do you encounter this problem and where do you think I should check ? Do you need my project URL ? thank you !

Arkadiusz Idzikowski staff answered 6 years ago


Dear Crounini, What I meant was to check our component in new installation, when it is the only element in the app (without your other, custom components). That would help us to make sure if there is something wrong with the mdb-navbar component itself (I tried to get a similiar effect in my app but with no success so far). Sorry if my previous post wasn't clear. If in the future you would need to contact me by e-mail, please use this address: a.idzikowski@mdbootstrap.com Regards, Arek

crounini pro commented 6 years ago

Hello. Ok, I will contact you by email.

crounini pro answered 6 years ago


Dear Arek, I have just created a new special project to test this hypothesis. Here is the log of my project creation (I am on Ubuntu 16.04, last version of Angular CLI, I have followed this procedure:https://mdbootstrap.com/angular/5min-quickstart/): -------------------------------------------------------------------------------------------------------------------------------------- myusername@dionysos:~/tmp/dev$ ng new myperfectlink --style=scss CREATE myperfectlink/README.md (1035 bytes) CREATE myperfectlink/angular.json (3698 bytes) CREATE myperfectlink/package.json (1329 bytes) CREATE myperfectlink/tsconfig.json (408 bytes) CREATE myperfectlink/tslint.json (2837 bytes) CREATE myperfectlink/.editorconfig (245 bytes) CREATE myperfectlink/.gitignore (503 bytes) CREATE myperfectlink/src/favicon.ico (5430 bytes) CREATE myperfectlink/src/index.html (300 bytes) CREATE myperfectlink/src/main.ts (371 bytes) CREATE myperfectlink/src/polyfills.ts (3194 bytes) CREATE myperfectlink/src/test.ts (642 bytes) CREATE myperfectlink/src/styles.scss (80 bytes) CREATE myperfectlink/src/browserslist (388 bytes) CREATE myperfectlink/src/karma.conf.js (964 bytes) CREATE myperfectlink/src/tsconfig.app.json (166 bytes) CREATE myperfectlink/src/tsconfig.spec.json (256 bytes) CREATE myperfectlink/src/tslint.json (314 bytes) CREATE myperfectlink/src/assets/.gitkeep (0 bytes) CREATE myperfectlink/src/environments/environment.prod.ts (51 bytes) CREATE myperfectlink/src/environments/environment.ts (642 bytes) CREATE myperfectlink/src/app/app.module.ts (314 bytes) CREATE myperfectlink/src/app/app.component.scss (0 bytes) CREATE myperfectlink/src/app/app.component.html (1141 bytes) CREATE myperfectlink/src/app/app.component.spec.ts (1016 bytes) CREATE myperfectlink/src/app/app.component.ts (218 bytes) CREATE myperfectlink/e2e/protractor.conf.js (752 bytes) CREATE myperfectlink/e2e/tsconfig.e2e.json (213 bytes) CREATE myperfectlink/e2e/src/app.e2e-spec.ts (309 bytes) CREATE myperfectlink/e2e/src/app.po.ts (208 bytes) npm WARN deprecated istanbul-lib-hook@1.2.1: 1.2.0 should have been a major version bump > node-sass@4.9.3 install /home/myusername/tmp/dev/myperfectlink/node_modules/node-sass > node scripts/install.js Cached binary found at /home/myusername/.npm/node-sass/4.9.3/linux-x64-57_binding.node > node-sass@4.9.3 postinstall /home/myusername/tmp/dev/myperfectlink/node_modules/node-sass > node scripts/build.js Binary found at /home/myusername/tmp/dev/myperfectlink/node_modules/node-sass/vendor/linux-x64-57/binding.node Testing binary Binary is fine npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) added 1064 packages from 1325 contributors and audited 24945 packages in 20.117s found 0 vulnerabilities *** Please tell me who you are. Run git config --global user.email "you@example.com" git config --global user.name "Your Name" to set your account's default identity. Omit --global to set the identity only in this repository. fatal: unable to auto-detect email address (got 'myusername@dionysos.(none)') myusername@dionysos:~/tmp/dev$ cd myperfectlink/ myusername@dionysos:~/tmp/dev/myperfectlink$ ll total 428 drwxrwxr-x 6 myusername myusername 4096 août 27 10:20 ./ drwxrwxr-x 3 myusername myusername 4096 août 27 10:19 ../ -rw-rw-r-- 1 myusername myusername 3698 août 27 10:19 angular.json drwxrwxr-x 3 myusername myusername 4096 août 27 10:19 e2e/ -rw-rw-r-- 1 myusername myusername 245 août 27 10:19 .editorconfig drwxrwxr-x 7 myusername myusername 4096 août 27 10:20 .git/ -rw-rw-r-- 1 myusername myusername 503 août 27 10:19 .gitignore drwxrwxr-x 796 myusername myusername 28672 août 27 10:20 node_modules/ -rw-rw-r-- 1 myusername myusername 1329 août 27 10:19 package.json -rw-rw-r-- 1 myusername myusername 356118 août 27 10:20 package-lock.json -rw-rw-r-- 1 myusername myusername 1035 août 27 10:19 README.md drwxrwxr-x 5 myusername myusername 4096 août 27 10:19 src/ -rw-rw-r-- 1 myusername myusername 408 août 27 10:19 tsconfig.json -rw-rw-r-- 1 myusername myusername 2837 août 27 10:19 tslint.json myusername@dionysos:~/tmp/dev/myperfectlink$ vim package.json myusername@dionysos:~/tmp/dev/myperfectlink$ npm install npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) added 1 package and audited 24946 packages in 13.869s found 0 vulnerabilities myusername@dionysos:~/tmp/dev/myperfectlink$ vim angular.json myusername@dionysos:~/tmp/dev/myperfectlink$ npm i --save chart.js@2.5.0 @types/chart.js easy-pie-chart@2.1.7 hammerjs@2.0.8 screenfull@3.3.0 font-awesome angular5-csv npm WARN angular5-csv@0.2.10 requires a peer of @angular/core@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of @angular/http@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular5-csv@0.2.10 requires a peer of rxjs@^5.5.2 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) + easy-pie-chart@2.1.7 + font-awesome@4.7.0 + chart.js@2.5.0 + screenfull@3.3.0 + @types/chart.js@2.7.31 + hammerjs@2.0.8 + angular5-csv@0.2.10 added 11 packages from 35 contributors and audited 24958 packages in 8.815s found 0 vulnerabilities myusername@dionysos:~/tmp/dev/myperfectlink$ rsync -av --progress /home/myusername/ownCloud/Developments/developements/MyPerfectLink/front-end/myperfectlink/src . myusername@dionysos:~/tmp/dev/myperfectlink$ ng serve --open ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 69% building modules 597/599 modules 2 active …rd/assets/scss/bootstrap/bootstrap.scssWARNING: The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5. on line 10 of node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/mixins/_text-hide.scss, in mixin `text-hide` from line 57 of node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/utilities/_text.scss from line 14 of node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/_utilities.scss from line 41 of stdin Date: 2018-08-27T08:26:13.186Z Hash: d27578701185733352db Time: 24643ms chunk {main} main.js, main.js.map (main) 169 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 227 kB [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.22 kB [entry] [rendered] chunk {scripts} scripts.js, scripts.js.map (scripts) 394 kB [rendered] chunk {styles} styles.js, styles.js.map (styles) 939 kB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 5.62 MB [initial] [rendered] ℹ 「wdm」: Compiled successfully. myusername@dionysos:~/tmp/dev/myperfectlink$ ng build --prod 69% building modules 569/571 modules 2 active …rd/assets/scss/bootstrap/bootstrap.scssWARNING: The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5. on line 10 of node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/mixins/_text-hide.scss, in mixin `text-hide` from line 57 of node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/utilities/_text.scss from line 14 of node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/_utilities.scss from line 41 of stdin Date: 2018-08-27T08:27:47.539Z Hash: 0a76db96445505acb444 Time: 62730ms chunk {scripts} scripts.6ac48f6315bac860bfde.js (scripts) 177 kB [rendered] chunk {0} runtime.06daa30a2963fa413676.js (runtime) 1.44 kB [entry] [rendered] chunk {1} main.7fba76d1f903cdc5cdba.js (main) 1.03 MB [initial] [rendered] chunk {2} polyfills.f6ae3e8b63939c618130.js (polyfills) 59.6 kB [initial] [rendered] chunk {3} styles.5a6ab6cfd050303b0483.css (styles) 711 kB [initial] [rendered] myusername@dionysos:~/tmp/dev/myperfectlink$ cd dist/ myusername@dionysos:~/tmp/dev/myperfectlink/dist$ rsync -av --progress -e 'ssh -i /home/myusername/.ssh/id_rsa_new_cloud' myperfectlink root@blog.meurillon.info:/var/www/ Enter passphrase for key '/home/myusername/.ssh/id_rsa_new_cloud': sending incremental file list myperfectlink/ myperfectlink/3rdpartylicenses.txt 10,031 100% 7.69MB/s 0:00:00 (xfr#1, to-chk=74/76) myperfectlink/HoneyScript-Light.cd1a74b3cd01bb99f365.ttf 82,840 100% 79.00MB/s 0:00:00 (xfr#2, to-chk=73/76) myperfectlink/HoneyScript-SemiBold.0e446bfab952c1706406.ttf 84,004 100% 40.06MB/s 0:00:00 (xfr#3, to-chk=72/76) myperfectlink/Roboto-Bold.39b2c3031be6b4ea96e2.woff2 49,976 100% 15.89MB/s 0:00:00 (xfr#4, to-chk=71/76) myperfectlink/Roboto-Bold.dc81817def276b4f2139.woff 62,876 100% 14.99MB/s 0:00:00 (xfr#5, to-chk=70/76) myperfectlink/Roboto-Bold.e31fcf1885e371e19f57.ttf 127,744 100% 24.37MB/s 0:00:00 (xfr#6, to-chk=69/76) myperfectlink/Roboto-Bold.ecdd509cadbf1ea78b8d.eot 20,966 100% 4.00MB/s 0:00:00 (xfr#7, to-chk=68/76) myperfectlink/Roboto-Light.3b813c2ae0d04909a33a.woff 62,316 100% 9.90MB/s 0:00:00 (xfr#8, to-chk=67/76) myperfectlink/Roboto-Light.46e48ce0628835f68a73.ttf 126,792 100% 17.27MB/s 0:00:00 (xfr#9, to-chk=66/76) myperfectlink/Roboto-Light.69f8a0617ac472f78e45.woff2 49,380 100% 6.73MB/s 0:00:00 (xfr#10, to-chk=65/76) myperfectlink/Roboto-Light.a990f611f2305dc12965.eot 20,940 100% 2.50MB/s 0:00:00 (xfr#11, to-chk=64/76) myperfectlink/Roboto-Medium.4d9f3f9e5195e7b074bb.eot 21,364 100% 2.55MB/s 0:00:00 (xfr#12, to-chk=63/76) myperfectlink/Roboto-Medium.574fd0b50367f886d359.woff2 50,224 100% 5.99MB/s 0:00:00 (xfr#13, to-chk=62/76) myperfectlink/Roboto-Medium.894a2ede85a483bf9bed.ttf 127,488 100% 13.51MB/s 0:00:00 (xfr#14, to-chk=61/76) myperfectlink/Roboto-Medium.fc78759e93a6cac50458.woff 62,980 100% 6.01MB/s 0:00:00 (xfr#15, to-chk=60/76) myperfectlink/Roboto-Regular.2751ee43015f9884c364.woff2 49,236 100% 4.27MB/s 0:00:00 (xfr#16, to-chk=59/76) myperfectlink/Roboto-Regular.30799efa5bf74129468a.eot 21,320 100% 1.85MB/s 0:00:00 (xfr#17, to-chk=58/76) myperfectlink/Roboto-Regular.ba3dcd8903e3d0af5de7.woff 61,736 100% 5.35MB/s 0:00:00 (xfr#18, to-chk=57/76) myperfectlink/Roboto-Regular.df7b648ce5356ea1ebce.ttf 126,072 100% 10.02MB/s 0:00:00 (xfr#19, to-chk=56/76) myperfectlink/Roboto-Thin.7500519de3d82e33d158.woff 61,628 100% 4.52MB/s 0:00:00 (xfr#20, to-chk=55/76) myperfectlink/Roboto-Thin.94998475f6aea65f5584.ttf 127,584 100% 8.69MB/s 0:00:00 (xfr#21, to-chk=54/76) myperfectlink/Roboto-Thin.954bbdeb86483e4ffea0.woff2 48,524 100% 3.09MB/s 0:00:00 (xfr#22, to-chk=53/76) myperfectlink/Roboto-Thin.dfe56a876d0282555d1e.eot 21,659 100% 1.38MB/s 0:00:00 (xfr#23, to-chk=52/76) myperfectlink/chiffres.8647afd76d8dfbfe5092.jpg 145,803 100% 8.69MB/s 0:00:00 (xfr#24, to-chk=51/76) myperfectlink/favicon.ico 5,430 100% 331.42kB/s 0:00:00 (xfr#25, to-chk=50/76) myperfectlink/fontawesome-webfont.674f50d287a8c48dc19b.eot 165,742 100% 8.78MB/s 0:00:00 (xfr#26, to-chk=49/76) myperfectlink/fontawesome-webfont.912ec66d7572ff821749.svg 444,379 100% 20.18MB/s 0:00:00 (xfr#27, to-chk=48/76) myperfectlink/fontawesome-webfont.af7ae505a9eed503f8b8.woff2 77,160 100% 3.34MB/s 0:00:00 (xfr#28, to-chk=47/76) myperfectlink/fontawesome-webfont.b06871f281fee6b241d6.ttf 165,548 100% 6.86MB/s 0:00:00 (xfr#29, to-chk=46/76) myperfectlink/fontawesome-webfont.fee66e712a8a08eef580.woff 98,024 100% 4.06MB/s 0:00:00 (xfr#30, to-chk=45/76) myperfectlink/home.6ddbc1a22ba0572edfeb.jpg 776,305 100% 27.42MB/s 0:00:00 (xfr#31, to-chk=44/76) myperfectlink/index.html 2,222 100% 80.37kB/s 0:00:00 (xfr#32, to-chk=43/76) myperfectlink/main.7fba76d1f903cdc5cdba.js 1,025,819 100% 32.61MB/s 0:00:00 (xfr#33, to-chk=42/76) myperfectlink/polyfills.f6ae3e8b63939c618130.js 59,561 100% 1.89MB/s 0:00:00 (xfr#34, to-chk=41/76) myperfectlink/runtime.06daa30a2963fa413676.js 1,440 100% 46.88kB/s 0:00:00 (xfr#35, to-chk=40/76) myperfectlink/scripts.6ac48f6315bac860bfde.js 176,667 100% 5.62MB/s 0:00:00 (xfr#36, to-chk=39/76) myperfectlink/styles.5a6ab6cfd050303b0483.css 711,957 100% 19.97MB/s 0:00:00 (xfr#37, to-chk=38/76) myperfectlink/assets/ myperfectlink/assets/providers/ myperfectlink/assets/providers/css/ myperfectlink/assets/providers/css/normalize.css 6,052 100% 173.83kB/s 0:00:00 (xfr#38, to-chk=32/76) myperfectlink/assets/providers/fonts/ myperfectlink/assets/providers/fonts/HoneyScript-Light.ttf 82,840 100% 2.26MB/s 0:00:00 (xfr#39, to-chk=31/76) myperfectlink/assets/providers/fonts/HoneyScript-SemiBold.ttf 84,004 100% 2.23MB/s 0:00:00 (xfr#40, to-chk=30/76) myperfectlink/assets/resources/ myperfectlink/assets/resources/css/ myperfectlink/assets/resources/css/main.scss 20 100% 0.54kB/s 0:00:00 (xfr#41, to-chk=26/76) myperfectlink/assets/resources/img/ myperfectlink/assets/resources/img/France_Bleu.png 11,728 100% 309.54kB/s 0:00:00 (xfr#42, to-chk=25/76) myperfectlink/assets/resources/img/Icon_commentcamarche_1.png 10,741 100% 283.49kB/s 0:00:00 (xfr#43, to-chk=24/76) myperfectlink/assets/resources/img/Icon_commentcamarche_2.png 15,073 100% 397.83kB/s 0:00:00 (xfr#44, to-chk=23/76) myperfectlink/assets/resources/img/Icon_commentcamarche_3.png 17,066 100% 438.58kB/s 0:00:00 (xfr#45, to-chk=22/76) myperfectlink/assets/resources/img/Logo_Base_Orange.png 14,458 100% 371.56kB/s 0:00:00 (xfr#46, to-chk=21/76) myperfectlink/assets/resources/img/Onair.png 250,221 100% 5.82MB/s 0:00:00 (xfr#47, to-chk=20/76) myperfectlink/assets/resources/img/ac.png 9,723 100% 226.07kB/s 0:00:00 (xfr#48, to-chk=19/76) myperfectlink/assets/resources/img/association.png 16,206 100% 376.81kB/s 0:00:00 (xfr#49, to-chk=18/76) myperfectlink/assets/resources/img/chiffres.jpg 145,803 100% 3.23MB/s 0:00:00 (xfr#50, to-chk=17/76) myperfectlink/assets/resources/img/gal1.jpg 129,709 100% 2.81MB/s 0:00:00 (xfr#51, to-chk=16/76) myperfectlink/assets/resources/img/gal2.jpg 1,775,947 100% 32.57MB/s 0:00:00 (xfr#52, to-chk=15/76) myperfectlink/assets/resources/img/gal3.jpg 479,772 100% 8.47MB/s 0:00:00 (xfr#53, to-chk=14/76) myperfectlink/assets/resources/img/gal4.jpg 486,514 100% 8.29MB/s 0:00:00 (xfr#54, to-chk=13/76) myperfectlink/assets/resources/img/gal5.jpg 5,086,963 100% 63.83MB/s 0:00:00 (xfr#55, to-chk=12/76) myperfectlink/assets/resources/img/gal6.png 288,859 100% 3.53MB/s 0:00:00 (xfr#56, to-chk=11/76) myperfectlink/assets/resources/img/harleyducoeur.png 288,859 100% 3.49MB/s 0:00:00 (xfr#57, to-chk=10/76) myperfectlink/assets/resources/img/hdc.jpg 63,255 100% 781.93kB/s 0:00:00 (xfr#58, to-chk=9/76) myperfectlink/assets/resources/img/hdc.png 40,989 100% 500.35kB/s 0:00:00 (xfr#59, to-chk=8/76) myperfectlink/assets/resources/img/home.jpg 776,305 100% 8.92MB/s 0:00:00 (xfr#60, to-chk=7/76) myperfectlink/assets/resources/img/jaimmatrini.png 201,702 100% 2.29MB/s 0:00:00 (xfr#61, to-chk=6/76) myperfectlink/assets/resources/img/logo_loading.png 67,844 100% 788.74kB/s 0:00:00 (xfr#62, to-chk=5/76) myperfectlink/assets/resources/img/loupe_mpl.png 2,556 100% 29.72kB/s 0:00:00 (xfr#63, to-chk=4/76) myperfectlink/assets/resources/img/main_coeur.png 16,412 100% 190.80kB/s 0:00:00 (xfr#64, to-chk=3/76) myperfectlink/assets/resources/img/main_plante.png 14,383 100% 165.25kB/s 0:00:00 (xfr#65, to-chk=2/76) myperfectlink/assets/resources/img/mpl_home.png 17,098 100% 196.44kB/s 0:00:00 (xfr#66, to-chk=1/76) myperfectlink/assets/resources/js/ myperfectlink/assets/resources/js/main.js 4,471 100% 51.37kB/s 0:00:00 (xfr#67, to-chk=0/76) sent 2,038,696 bytes received 79,573 bytes 470,726.44 bytes/sec total size is 15,739,310 speedup is 7.43 myusername@dionysos:~/tmp/dev/myperfectlink/dist$ echo $? 0 --------------------------------------------------------------------------------------------------------- Next step, connexion to my web server through Firefox mobile browser, result: https://cloud.meurillon.info/index.php/s/5wKSh5eRHdYMVrJ I will send you a compress archive of you this new project folder via a share link on an email. So, if I understand, the issue comes from my src or a bug in Bootstrap / MDBootstrap. Regards, Crounini.

Arkadiusz Idzikowski staff answered 6 years ago


Dear crounini, Could you please test our navbar component on fresh MDB installation? It would allow us to check whether the problem is directly related to mdb-navbar. Regards, Arek

crounini pro answered 6 years ago


Hello Arek, Same problem with the "white" class instead of rgba-white-strong. Probably a bug somewhere. I don't know if it is possible to enable the developer tools inside mobile Firefox because on my side (Samsung S8+ / Android updated / Mobile Firefox last version) the problem appears each time I refresh the home page of my project. Thank you for your help.

crounini pro answered 6 years ago


Hello Arek, I've just sent you an email through the support email address. Thank you !

Arkadiusz Idzikowski staff commented 6 years ago

Thanks for the link. We will try to find the problem, but it's hard to debug taking into account the fact that it does not appear every time. For now please try to change the mdb-navbar rgba-white-strong class to other background color classes and let me know if that helps.

crounini pro commented 6 years ago

Ok Arek. I will do that and I will come back to you ! Tank you.

Arkadiusz Idzikowski staff answered 6 years ago


Dear crounini, Thank you for the examples. Do you use any other styles that can overwrite navbar styles? I tried to recreate this problem in my app using the code you provided but i could not do it. Can you provide an app example on which i could try to debug this problem? Maybe it is caused by other elements on the website. Regards, Arek

crounini pro commented 6 years ago

Hello Arek ! Tank you ! Can I share with you my angular project thru a link ? If yes, can I send you this link by email ? Thank you again ! I am very happy to find a strong help !

crounini pro answered 6 years ago


Hello Arek, Thank you for your message. I am in Angular, so this is my module.ts code:
import { Component, OnInit } from '@angular/core';
@Component({
selector:'app-nav-bar',
templateUrl:'./nav-bar.component.html',
styleUrls: ['./nav-bar.component.scss']
})
export class NavBarComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
And here is my template code:
<mdb-navbar SideClass="navbar fixed-top navbar-expand-xl navbar-light rgba-white-strong scrolling-navbar">
<!-- Navbar brand -->
<mdb-navbar-brand><aclass="navbar-brand"href="#">
<imgsrc="assets/resources/img/Logo_Base_Orange.png"alt="Logo"id="nav-logo">
</a></mdb-navbar-brand>
<!-- Collapsible content -->
<links>
<!-- Links -->
<ulclass="navbar-nav ml-auto"id="menu">
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>Associations</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>Bénévoles</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>Qui sommes nous ?</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect>Contact</a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect><imgsrc="assets/resources/img/loupe_mpl.png"alt="MPL"></a>
</li>
<liclass="nav-item">
<aclass="nav-link waves-light"mdbWavesEffect><fontcolor="orangered">Se connecter</font></a>
</li>
</ul>
<!-- Links -->
</links>
<!-- Collapsible content -->
</mdb-navbar>
I am using a npm Angular + MDBootstrap installation with the embedded Bootstrap version (MDB: 6.2.2, last Angular and I don't know the Bootstrap version.)
Here are the screenshots:
The good behaviour
https://cloud.meurillon.info/index.php/s/bpzI9JCcVRtDdzy
The bad behaviour
https://cloud.meurillon.info/index.php/s/dhtb1uU5vjq2E9C
The temporary website is located here: http://mpl.meurillon.info
The problem seems to appear very frequently on Firefox mobile.
Thank you again.

Arkadiusz Idzikowski staff answered 6 years ago


Hello crounini, Could you please provide any code sample and screenshots? That would help us to debug this problem. Regards, Arek

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags