aboutsummaryrefslogtreecommitdiff
path: root/docs/components
AgeCommit message (Collapse)AuthorFilesLines
2017-05-29Rearrange all the docs to allow for a docs/major.minor/ setupMark Otto21-7281/+0
2017-05-28shorter titleMark Otto1-1/+1
2017-05-27update components docsMark Otto21-168/+69
2017-05-24Fix fallbackPlacement default value for Popovers documentationJohann-S1-1/+1
2017-05-24Update Popper.js to 1.9.9Johann-S3-3/+3
2017-05-24Update documentation for Tooltips/Popovers about auto placementJohann-S2-2/+2
2017-05-23Documentation display tooltips/popovers arrows with css for static examplesJohann-S2-19/+19
2017-05-17fix tooltip documentation page missing classname prefix "bs-" to popover topLaussel Loïc1-1/+1
2017-05-17Update Popper.js 1.9.4Johann-S3-3/+3
2017-05-14Update Popper.js 1.9.3Johann-S3-3/+3
2017-05-14Change fallbackPlacement to flip by default for Tooltips/PopoversJohann-S1-1/+1
2017-05-14Add fallbackPlacement option for Tooltip and PopoverJohann-S2-0/+14
2017-05-14Update Popper.js 1.9.1 + Update documentation about Dropdown placementJohann-S3-4/+4
2017-05-14Documentation - fix examples for Tooltip and Popovers (display arrow)Johann-S2-9/+16
2017-05-14Allow to disable flip behaviour on Dropdown + documentationJohann-S1-1/+7
2017-05-14Update Popper.js 1.8.2Johann-S3-3/+3
2017-05-14Add an update method to allow to update position for ↵Johann-S3-0/+13
Tooltip/Popover/Dropdown manually
2017-05-14Fix some css for the arrow of Popover/Tooltip + update documentationJohann-S2-5/+5
2017-05-14Remove totaly Tether from documentation + dependenciesJohann-S3-22/+44
2017-05-09tooltips/popover must be hidden before their corresponding element is ↵Peter Blazejewicz2-0/+2
removed from the DOM
2017-05-04Styling and accessibility clarification for navs documentationPatrick H. Lauke1-2/+10
* Split out/expand mention that base navs lack active styles * Add accessibility notes for navigation bars vs dynamic tabbed interfaces
2017-04-27Documentation cleanup (inc. use of <input ... readonly> for static form ↵Patrick H. Lauke9-187/+185
controls example) * Fix incorrect code indentation * Remove unnecessary vendor prefix for `box-sizing` - all modern browsers now support this unprefixed * Remove incorrect `<label>` and change static controls to readonly inputs * Allow `<img>` elements without `src` to allow for `holder.js` images used in the docs, which lack `src` and use `data-src` instead
2017-04-18Port button group accessibility callout from v3 to v4Patrick H. Lauke1-0/+8
2017-04-18Add dropdown menu accessibility callout and fix <a> examplePatrick H. Lauke1-1/+11
As the question often comes up about why Bootstrap does not do "true" ARIA menus (with their `role="menu"` etc), add an admittedly lengthy note (tl;dr because BS is generic, and ARIA menus are specific and quite limiting). Additionally, fixes up the `<a>` example for dropdown trigger, with the missing `role="button"` and neutering the `href` (which would be useless anyway since BS overrides the link-like nature of the `<a>` so it could never be triggered/followed anyway)
2017-04-17Fix carousel "hover" behavior on touch-enabled devicesPatrick H. Lauke1-1/+2
* Add carousel mouse listeners even if touch events enabled - touch events are enabled not just on "mobile", just also on touch-enabled desktop/laptop devices; additionally, it's possible to pair a mouse with traditionally touch-only devices (e.g. Android phones/tablets); currently, in these situations the carousel WON'T pause even when using a mouse * Restart cycle after touchend as `mouseenter` is fired as part of the touch compatibility events, the previous change results in carousels which cycle until the user tapped/interacted with them. after that they stop cycling (as `mouseleave` is not sent to the carousel after user scrolled/tapped away). this fix resets the cycling after `touchend` - essentially returning to the previous behavior, where on touch the carousel essentially never pauses, but now with the previous fix it at least pauses correctly for mouse users on touch-enabled devices. includes documentation for this new behavior.
2017-04-14Replace dropdown backdrop hack with cleaner JS-only hackPatrick H. Lauke1-1/+3
* Replace backdrop with simple noop mouse listener As discussed in https://github.com/twbs/bootstrap/pull/22422 the current approach of injecting a backdrop (to work around iOS' broken event delegation for the `click` event) has annoying consequences on touch-enabled laptop/desktop devices. Instead of a backdrop `<div>`, here we simply add extra empty/noop mouse listeners to the immediate children of `<body>` (and remove them when the dropdown is closed) in order to force iOS to properly bubble a `click` resulting from a tap (essentially, method 2 from https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html) This is sufficient (except in rare cases where the user does manage to tap on the body itself, rather than any child elements of body - which is not very likely in an iOS phone/tablet scenario for most layouts) to get iOS to get a grip and do the correct event bubbling/delegation, meaning the regular "click" event will bubble back to the `<body>` when tapping outside of the dropdown, and the dropdown will close properly (just like it already does, even without this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and Windows on a touch laptop). This approach, though a bit hacky, has no impact on the DOM structure, and has no unforeseen side effects on touch-enabled laptops/desktops. And crucially, it works just fine in iOS. * Remove dropdown backdrop styles * Update doc for dropdowns and touch-enabled devices
2017-04-12Reword "mobile" to "touch-enabled"Patrick H. Lauke1-1/+1
...as touch is not exclusive to "mobile" anymore nowadays. also explicitly clarifies this is a fix for iOS, and that it impacts touch laptops etc as well. lastly, renames the variable from "dropdown" to "backdrop" for clarity/consistency
2017-04-11Remove inappropriate role="listbox" from carouselsPatrick H. Lauke1-4/+4
2017-04-10Fix collapse.js aria-expanded behaviorPatrick H. Lauke1-1/+1
* Remove aria-expanded from collapse.js target element aria-expanded="true"/aria-expanded="false" only applies to the trigger, not the element that is being expanded/collapsed. * Tweak collapse.js accessibility section ...to make it clearer that the aria-expanded attribute always just goes on the control. * Fix collapse.js unit tests - reword some of the text to make it clear we're checking behavior of trigger/control - move incorrect aria-expanded out of the <div>s and to the actual trigger/control <a>s - fix incorrect test assertion text output false -> true
2017-04-09Merge branch 'v4-dev' into v4-dev-docs-navs-js-tabpanel-fixPatrick H. Lauke3-19/+19
2017-04-09Remove incorrect role="tabpanel" from navs docsPatrick H. Lauke1-6/+4
`role="tabpanel"` is not appropriate as role for the overall container - it only applies to the individual content parts of each tab
2017-04-09Merge branch 'v4-dev' into v4-docs-button-group-a11y-patch1Patrick H. Lauke7-56/+605
2017-04-08drop img-fluid for w-100Mark Otto1-12/+12
2017-04-08Docs and CSS updates for #21807 (#22336)Mark Otto3-44/+25
* tweak some copy * fix up scrollspy docs * remove nav styles that were added * fix nav-based docs by requiring .nav-item on .nav-link
2017-04-07Documentation - Add inserted event for Tooltip and PopoverJohann-S2-0/+8
2017-04-02Rename navbar-toggleable to navbar-expand in docs (#22309)Pierre Vanduynslager1-17/+17
2017-04-02Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, ↵Pierre Vanduynslager3-27/+587
.nav-item, <li> etc...)
2017-03-30Add explicit aria-label to placeholder-only inputsPatrick H. Lauke3-19/+19
While `placeholder` is nominally valid per spec http://rawgit.com/w3c/html-api-map/master/index.html#accessible-name-and-description-calculation it is inelegant, a fallback, and not supported in ios/safari/voiceover and android/chrome/talkback, to name a few combinations `aria-describedby` is also not really the right tool for providing a name/label equivalent, so remove that from the list of possible alternative methods / clarify how it can be used
2017-03-28Fix JS components console error "Error: <Component> is transitioning"Pierre Vanduynslager6-6/+24
2017-03-27Card image fixes (#22288)Mark Otto1-4/+4
* fix image stretching due to flexbox * fix broke text-muted on dark bg * no img-fluid needed
2017-03-26fix broken fieldset grid, workaround for flexbug 9Mark Otto1-20/+22
2017-03-24Add missing v4 docs for tooltip/popover methods (#22246)Sid2-0/+36
Add missing v4 docs for tooltip/popover methods
2017-03-23more docs updatesMark Otto1-20/+20
2017-03-23update docsMark Otto1-5/+32
2017-03-23Generate correct breakpoints for navbar-toggleable-* and generate toggleable ↵Pierre-Denis Vanduynslager1-14/+18
without media query to never collapse
2017-03-23Fix modal documentation (#22252)Patrick Hayes1-1/+1
The example code has the class `"modal fade"`, but the visible example has the class `"modal"`. `"fade"` appears to not work for modals that you do not intend to animate onto the page
2017-03-23Fix Modal documentation about _handleUpdate method + move to public scope ↵Johann1-1/+7
(#21877) Fix Modal documentation about _handleUpdate method + move to public scope
2017-03-23Accordion behavior with JQuery interface (#21726)Pierre Vanduynslager1-8/+8
Fix accordion behavior with JQuery interface
2017-03-22fix data-pause documentation for carousel (#21938)Gifford Nowland1-2/+2
fix data-pause documentation for carousel
2017-03-22Carousel - Add attributes from and to for Slid and Slide events (#21668)Johann1-0/+2
Carousel - Add attributes from and to for Slid and Slide events