Please checkout the images below.
This is showing the right animations and styles of input with red underlined border.
But most of the times this stying is not being rendered and also the placeholder does not hide when entering an input. To see the behavior check this image.
you can see this live here at www.classroom.icoachu.us
The site is being developed in Angular material https://material.angularjs.org/latest/
I am unable to figure out the possible cause of this behavior.
It's not an angular issue. I get a 500 server error for http://classroom.icoachu.us/favicon.ico, so the side stops rendering and produces the second image.
Related
I´m working with md-datepicker. In some screen resolutions (or if I do a zoom out in the browser), the calendar open in Full Screen Size and all the background is White. Also, the bar that shows the days, is hidden.
I attach an Image for reference. How can i debug for find the reason of that behavior? I have been modifying some styles, and using diferent containers´ options, but without success. Thanks in advance for your help and ideas!
Image: https://s10.postimg.org/604p76qix/md_datepicker_full_Screen.png
https://postimg.org/image/hp8ov5hhh/
This was a bug in 1.1.0. Version 1.1.1 fixes it.
Workaround is setting overflow:hidden; on the md-datepicker-input-mask class
I have angular UI bootstrap's carousel directive implemented on my site. Everything is working fine and suddenly I noticed that whenever I browse to other sites, leaving my site open in one tab and come back to my site again, the pager and carousel controls stop working. It's strange but I have set my carousel to auto rotate and it also stops.
The carousel won't work until I refresh. First, I thought I had some bugs in my code, but when I tried their own slider from the https://angular-ui.github.io/bootstrap/#/carousel website, also shows the same behavior.
Any thoughts or fixes on this?
For the code, please visit this link :
https://angular-ui.github.io/bootstrap/#/carousel
And scroll down to the Carousel section and click Edit in Plunker.
Thankyou!
This is a known issue and is under investigation.
This is a problem that seems to have occurred for no reason. Everything was working fine, and now all of a sudden the overlay iframe for the admin interface renders too high so that any tabs are rendered underneath the toolbar. I hadn't edited any css or html so I don't see how I could have done this. Has anyone seen this happen, and how did they fix it? I'm attaching two images. One shows the site as it is (incorrectly). The other shows another similar site that is functioning correctly. Also, notice on the incorrect display, somehow the toolbar is showing OVER the browser scrollbar.
The problem is that I was swapping in JQuery 1.8.3 with hook_js_alter. This has a known problem causing this exact issue. I didn't need a later version of JQuery after all so I removed that, and it fixed the problem.
I'm making an simple mobile web page and i put the textinput on the page and many elements also.
so to see bottom element, the scrolling needed. but when i scrolled my page, i found my textinput moving together abnormally.
below image is that i captured when the error occurred in my android web browser.
first one is original textinput and green box is error occurred.
please let me know how to fix it..
self answer.
It is occurred cause it's content height.
I fixed it by change content height: auto; in css :)
I'm having a problem with IE7 when clicking on images that open up using the Lightbox 2 javascript image viewer. Instead of overlaying the image on the current page it opens the image into a separate page.
Not sure if this is an AJAX problem possibly ? Works fine in Firefox.
Anybody else come across this before ?
Your page is performing the fall-back behaviour you would expect in the following scenarios...
JavaScript is disabled
There is an error in the JavaScript that is creating the lightbox effect (look out for a very brief flash of the yellow error icon before the next page loads - or fire up some dev tools)
There is a JavaScript error on the page before the image is clicked, which has stopped execution of JavaScript on the page (look out for the yellow error icon in the status bar again!)
The only thing I can think of is that I have google toolbar amd McAfee security installed that may be blocking the overlay (????) but don't think that should make any difference.