Maybe you could help me, I'm not incredibly familiar with this. Most repos I've forked had a compiled file that I'd just use.
I use bower.
I was using:
"ui-bootstrap4": "^3.0.5"
now I'm using:
"ui-bootstrap4": "git://github.com/MEEEEEE/ui-bootstrap4#master"

And I just include: "bower_components/ui-bootstrap4/docs/ui-bootstrap-tpls.js"

Do you just manually run the grunt docs task and commit it? Any reason not including the dist task in the repo?

This is a tracking item for the original upstream issue:

angular-ui#6037

The reason I'm opening this is because #41 reverts the PR that closed it, due to other issues created by that PR. Instead of breaking the general case, I've chosen to leave the edge case broken instead, and this issue is here to remember why this branch as made that decision.

Also, I'd love some ideas on how to fix this.

Using typeahead the keyboard navigation is not working. This can be seen at https://morgul.github.io/ui-bootstrap4/.

Hello,

first of all many thanks for your work. Then a few words to describe the issue.

Bug description:

It seems the 'accordion-group.html' is missing from 'ui-bootstrap.tpls'. However the version '3.0.0' works like a charm.

Steps to reproduce the issue:

The AngularJS app does not work at all, and throws error during start.

Version of Angular, UIBS, and Bootstrap

Angular: 1.6.8

UIBS: 3.0.1

Bootstrap: 4.0.0

Have a nice day.

Hi. May i know what can i do if i am only interested in pagination? what files should i take and what files should i take in my project. Thanks a lot man. Im sorry this is the only way i can get to you.

There are some Bootstrap 4 classes one might want to include in dialogs, such as "modal-dialog-centered" and "modal-dialog-scrollable" - short of rewriting the template code, those can be easily injected by including them in the "size" parameter for $uibModal.open. Like "size: 'md modal-dialog-centered'". So include this in the documentation as well?

Bug description:

The "Dropdown using template" demo doesn't show the dropdown menu when clicked. It appears that the Bootstrap show class is not being applied when the dropdown is toggled and the template-url attribute is set. Manually applying the show class in the browser's dev tools causes the menu to appear.

Link to minimally-working plunker that reproduces the issue:

https://morgul.github.io/ui-bootstrap4/#!#dropdown

Steps to reproduce the issue:

1. Click the "Dropdown using template" button -- the dropdown menu is not displayed

Version of Angular, UIBS, and Bootstrap

Angular: 1.6.1

UIBS: 3.0.3

Bootstrap: 4.0.0

When setting up project SVG icons manual include is mandatory.

require('../node_modules/ui-bootstrap4/src/svg-icon.css');

Otherwise, SVG icons will be messed up a lot.

Bug description:

Can't use keyboard for navigating dropdown menu. Attempting to do so will yield Uncaught TypeError: Cannot read properties of undefined (reading 'focus').

Link to minimally-working plunker that reproduces the issue:

https://morgul.github.io/ui-bootstrap4 (Dropdown with keyboard nav example)

Steps to reproduce the issue:

Click on dropdown and use arrow keys

Version of Angular, UIBS, and Bootstrap

Angular: 1.8.2

UIBS: 3.0.7

Bootstrap: 4

I just installed the package from bower, and the dist files are in the docs folder, is that a bug?

It'd be nice (and pretty easy) to add support for the .modal-dialog-scrollable class:

https://getbootstrap.com/docs/4.4/components/modal/#scrolling-long-content

Right now, it isn't possible to use this feature without resorting to hacks.

(I might submit a pull request for this when I have time – this issue is just a reminder for myself, or someone else, to do that.)

Now the carousel fixes are merged with the master it would be nice if this can be released on NPMJS.

Bug description:

I am using the latest versions of Angular 1, Bootstrap CSS and ui-bootstrap4. I have no glue why, but there is no animation when opening/closing the accordion, see https://codepen.io/anon/pen/XPoqPq

I tried to find out why.. it seems like uibCollapse is not initialized at all.

Version of Angular, UIBS, and Bootstrap

Angular: 1.7.4

UIBS: 3.0.4

Bootstrap: 4.1.3

I have a quick question:

require ('ui-bootstrap4')

returns 'ui.bootstrap' instead of the actual module. My experience with AngularJS is insufficient to speak with confidence, but isn't the convention to return a module instead, and allow accessing module name via .name?

I'm asking, because one of the possible conventions for module loading is:

angular.module ('app, [
    require ('angular-hotkeys').name, // most modules are cool with this
    ...
    require ('ui-bootstrap4').name, // oops! could not load module undefined
])

...and returning name breaks this convention. If the convention exists, this should be a quick fix, I think I should be able to make a PR.

Bug description:

When I open the datepicker (I use a button next to the text input) it appears but everything is really huge (icons, buttons, etc.) and I can see only small part of it and everything else is out of screen.

Link to minimally-working plunker that reproduces the issue:

The plunker given on the very official UIBS page produces the same issue

Steps to reproduce the issue:

Set up an text input with the basic options for a working popup datepicker. Create a button with a ng-click function to set the opened state of the datepicker to true.

Version of Angular, UIBS, and Bootstrap

AngularJS: 1.6.9
UIBS: 3.0.3
Bootstrap: 4.0.0 (final)

Hey there :)
your demo is currently down. There is only a whitescreen on https://morgul.github.io/ui-bootstrap4/

/cheers and thanks for your work

The issues forum is NOT for support requests. It is for bugs and feature requests only.
Please read https://github.com/angular-ui/bootstrap/blob/master/CONTRIBUTING.md and search
existing issues (both open and closed) prior to opening any new issue and ensure you follow the instructions therein.

Bug description:

It is working on Chrome and Firefox properly
I am using this date = "2020-04-20T09:00:26" in India Timezone (+5:30)
This should display time as 9:00 AM but displaying time as 14:30 PM
Chrome and Firefox displays it correctly, but failed for Safari

Link to minimally-working plunker that reproduces the issue:

Steps to reproduce the issue:

Version of Angular, UIBS, and Bootstrap

Angular: 1.7.8
UIBS: UIB4 (3.0.6)

Bootstrap: 4

Basically, if you select any date from the calendar, the focus leaves the input. This is very painful if you're in the middle of a form and are trying to tab through it. Focus starts at the beginning of the document. The "today", "clear", and "done" buttons all reset the focus to the input properly.

Here's the issue and fix for the original ui-bootstrap:
angular-ui#4243

Here is a live code showing to you that the pagination component does not work correctly. The trouble exists when the directive is firstly hidden (by "ngIf" native directive).

For achieve to view this issue, it is necessary watch console logs; clicking visibility checkbox and changing page positions. It is not refreshing scope.

To reproduce go to

https://morgul.github.io/ui-bootstrap4/

Version of Angular, UIBS, and Bootstrap
Angular: 1.5.0

UIBS: 3.0.3

Bootstrap: 4.0.0

hello, congratulations for the work you did.
I'm working on my theme and I found a small bug about the dropdowns, if I insert a div element inside the button that opens the dropdown, the dropdown itself does not work, because it adds the show class to the internal div at the button, there are solutions for this bug? this is my code:

<li class="nav-item dropdown" uib-dropdown ng-controller="InboxCtrl" on-toggle="toggled(open)" >
	<a href="javascript:void(0)" uib-dropdown-toggle id="inbox-messages-dropdown">
		<div notify count='scopeVariable'>
			<i class="ti-comment"></i>
		</div>
		<span translate="topbar.messages.MAIN">MESSAGES</span>
	</a>
	<div class="dropdown-menu dropdown-menu-right dropdown-light dropdown-messages dropdown-large" uib-dropdown-menu aria-labelledby="inbox-messages-dropdown">
		<div class="dropdown-header" translate="topbar.messages.HEADER"> Unread messages</div>
		<div class="drop-down-wrapper ps-container">
			<ul>
				<li class="unread" ng-repeat="message in messages | orderBy: 'date':true | limitTo:3 ">
					<a href="javascript:;" ng-class="{ unread: !message.read }">
						<div class="clearfix">
							<div class="thread-image">
								<img ng-src="{{ message.avatar && message.avatar || noAvatarImg }}" alt="" class="img-responsive img-rounded">
							</div>
							<div class="thread-content">
								<span class="author">{{message.from}}</span>
								<span class="preview">{{ message.content | htmlToPlaintext | words:15:true }}</span>
								<span class="time"> {{ message.date | date: "MM/dd/yyyy 'at' h:mma" }}</span>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="dropdown-divider"></div>
		<div class="view-all">
			<a href="#" translate="topbar.messages.SEEALL"> See All </a>
		</div>
	</div>
</li>

thank you for your support.

All examples shown on website leads to a Plunker page.
The ui-bootstrap javascript code on those pages is 404. So they should be changed from:

From:

To:

Just a little thing but FYI there is no tag/release for v3.0.3 so for example this link in CHANGELOG.md is broken: v3.0.2...v3.0.3

Hello @Morgul i'm trying to understand if te library would require any fix in relation to 4.5.2.

Would you please just advise me on how you were previously retesting the compatibility? This way i may give it a look and try to contribute to eventual updates.

thank you!

Bug description:

Right on your online demo , as well as on my project, state-on/off icon does not take effect, which make the icon always a solid/empty star.

BTW, is there someone working on this project ?

Bug description:

When using the Pagination directive, it appears the Bootstrap styling is not applied. Easy to reproduce, just try using the directive as outlined.

Angular: 1.6.X

Bug description:

When using tooltip-placement="left", tooltip tip occasionally is placed wrongly and overlaps toggle element element. So if mouse is placed close to the left border of toggle element - it causes tip to disappear immediately after show. This produces inifinite loop of show/hide tooltip while mouse is steady.

Root cause is that class 'placementClassPrefix-' is added to tip element after position is calculated.
Boostrap defines padding on ".bs-tooltip-left"so it affects tip element's width. And since tip position is calculated taking into account tip's width it result in tip being placed to much to the right and so overlapping toggle element.

Link to minimally-working plunker that reproduces the issue:

No need for a plunker - it is easily reproducible on demo page:
https://morgul.github.io/ui-bootstrap4/#!#tooltip

Steps to reproduce the issue:

Select tooltip placement as 'left' and place mouse close to the left edge of tooltip button.

Version of Angular, UIBS, and Bootstrap

Angular: 1.5.9

UIBS: 3.0.2

Bootstrap: 4.0.0

Using format string "DD.MM.YYYY" returns
Expected: "19.06.2019".
Current: "DD.06.YYYY".
Is Dateparser not using ISO standards to format date's?

Hello, your branch is being of great help for my project. Thank you for your support.
There are a simple bug that we have found.

Bug description:

The type property not works properly and is writing .progress-bar-{{type}} at .progress-bar element instead of .bg-{{type}}

Steps to reproduce the issue:

<uib-progressbar value="50" type="danger" class="mb-2"><b>50%</b></uib-progressbar>

A simple workaround

<uib-progressbar value="50" class="mb-2"><b class="bg-danger">50%</b></uib-progressbar>

Version of Angular, UIBS, and Bootstrap

Angular: 1.6.7

UIBS: 3.0.2

Bootstrap: 4.0.0

Currently, position.js contains an unnecessary logging statement that spams the browser console:

It might be better if it could be removed or made configurable.

Bug description:

The following code will render tabs as horizontal:

<uib-tabset active="active" vertical="true">

Link to minimally-working plunker that reproduces the issue:

https://morgul.github.io/ui-bootstrap4/#!#tabs
Not actually a plunker, but the sample in the demo page is enough.

Version of Angular, UIBS, and Bootstrap

Angular: 1.6.4

UIBS: 3.0.3

Bootstrap: 4.0.0

The issues forum is NOT for support requests. It is for bugs and feature requests only.
Please read https://github.com/angular-ui/bootstrap/blob/master/CONTRIBUTING.md and search
existing issues (both open and closed) prior to opening any new issue and ensure you follow the instructions therein.

Bug description:

I uiboostrap for bs 3 if you created a modal and didn't pass it a new controller, it would use the controller for the page you were on. I believe you could also pass in the controller and controllerAs for the current controller, into your modal, and it would use the current object.

This version always creates a new controller object. There is no way to pass in anything remotely useful for the johnpapa standard of using vm=this;

I have tested in all way shapes and forms, and short of passing in a service to hold the data to be edited, there is no real way to connect the current page data.

I found this to be true because modalInstance was null whenever the break point was hit to close the modal. Because using the current pages controller, instantiated a new copy of the controller.

Is there a way to get your current page viewmodel/controller into the modal?

Thanks

Link to minimally-working plunker that reproduces the issue:

Steps to reproduce the issue:

Version of Angular, UIBS, and Bootstrap

Angular:

UIBS:

Bootstrap: