Just switched to v0.11 of UI Bootstrap and the datepicker-popup is no longer working.
It works fine with v0.10. Anyone know what has been changed in the new version which might be causing the problem?
Nevermind. I should have checked the github first.
There is a bug report on the datepicker.
https://github.com/angular-ui/bootstrap/issues/2180
Related
I am using Kendo DatePicker control in React Bootstrap. It seems to be working fine, but when I try to change the year it is not working. I am using React 16+ and Bootstrap 3.3.
below is the scrrenshot for same
Please try updating the packages. It is clickable with the latest version: https://stackblitz.com/edit/react-7ae58b?file=index.html
Angular Material fabSpeedDial is not working in Andriod Mobile.
(Important Note:ISSUE OCCURS IN ANDRIOD MOBILE ONLY WHEN I USE, jquery-2.2.3.min.js)
I have a demo code taken from the following codepen link
Angular Material fabSpeedDial
If i remove that jquery-2.2.3.min.js, then the functionality works fine both in mobile and desktop.
But iam in a situation where i cannot remove this jquery-2.2.3.min.js. I also tried having lower version of jquery like 2.2.2 , 2.2.1 etc, but same results.
Please help me in finding a solution for this problem.
This issue is fixed after updating angular-material.js to v0.11.2
I got some trouble integrating the Angular Material date picker in my application:
Looking at the diff between my local version and the demo version, I noticed that I don't have any <style md-theme-style> element in my head. What am I missing? :)
I added the ngMaterial dependency to my app, and included the ./node_modules/angular-material/angular-material.scss file through Webpack. Moreover, I didn't override the $mdThemingProvider configuration.
Any clue? :)
Add the latest release of angular-material.min.js to your project:
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0-rc1/angular-material.min.js"></script>
PS: I had the same issue you were having all day and after reading your question, I decided to also compare my project with the demo version, which brought me to the solution, so thank you!
It's bug in version 0.11.4 See here
It works fine in verion 0.11.3. See here
It also works fine in version 1.0.0-rc7 See here
Just choose a different version.
Can figure out why would that happen. Other directives from ui.bootstrap work: alert, progressbar, etc. Yet popovers and tooltips for some reason stopped working. Anyone had this problem? I had a problem before - when for some reason default css rule for tooltip was opacity:0. But this time a bit different problem. It's not even adding tooltip related stuff to the DOM, as it used to be.
Also I notice from controller of a view where tooltip being used I used to have access to stuff like tt_title, tt_isOpen, tt_placement, etc. Now suddenly I can't do that anymore.
I'm suspecting something to do with browserify we're using. I noticed tooltips not working on my computer first, while on my colleague's they still would work, and then he removed bower files and node_modules, cleaned both npm and bower cache, and tooltips and popovers stopped working for him as well.
I've tried adding ui.bootstrap.tooltip explicitly as a module dependency, although I already have ui.bootstrap listed.
Please, if anyone had similar problems, and know possible solution, help me.
I had the same problem after updating a project from 1.2 to 1.3 and the tool tips stopped working. It seems there is a bug with Angular 1.3. You can read about it here:
https://github.com/angular-ui/bootstrap/issues/2828
I fixed the problem by putting some extra attributes on each tool tip:
<div tooltip="After today restriction" tooltip-trigger tooltip-animation="false" tooltip-placement="bottom">Hover me</div>
I am using 1.3.5 and adding
tooltip-trigger tooltip-placement="top"
Did the trick.
In Angular 1.3.14 and Angular UI Bootstrap 0.11.2, you'll need to include all of the following attributes to make the tooltips work:
tooltip="Edit notifications"
tooltip-trigger
tooltip-animation="false"
tooltip-placement="top"
I was able to make my tooltips start working again by adding the attribute:
tooltip-trigger
...and that was all that I needed. I typically use the same attributes on all of my tooltips, aside from the placement which I tend to alter dynamically for responsiveness.
Although the other responses state that you must use tooltip-placement="top" or tooltip-placement="bottom", I did not find this to be the case. Each tooltip placement is working for me. I am using Angular 1.4.8.
On each of my tooltips I am using:
tooltip-trigger
tooltip-placement="{{tooltip-placement}}"
tooltip="{{tooltip}}"
tooltip-append-to-body="true"
Like I said, adding the tooltip-trigger attribute made it work for me.
I removed the attribute tooltip-append-to-body as a test and my tooltips still work.
In my conclusion, adding tooltip-trigger as a attribute is the fix for this.
I'm using AngularJS with requireJS with angularstrap. Right now I simply want to get a datepicker working in my modal box which also uses angularstrap and bootstrap but I keep recieving the error:
Cannot read property 'dates' of undefined
myctrl1.js is the file that downloads datepicker.js and I have all my dependancies in main.js listed. I have never been able to get what should be a fairly simple thing to work so posting here is my last resort.
Plunkr here: LINK
Main files are index.html, controllers.js, myctrl.js
I had the same issue when using jQueryUI. This datepicker is incompatible with jQueryUI datepicker (both use datepicker name), so you should remove jQueryUI from your code or do some namespace workaround.
Perhaps you forgot add bootstrap-datepicker.js on your page. I had same problem and this was solution.