Skip to content
GitLab
    • Explore Projects Groups Snippets
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Merge requests
  • !21743

Fix JS components console error "Error: <Component> is transitioning"

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Administrator requested to merge github/fork/pvdlg/js-transitioning-1 into v4-dev 8 years ago
  • Overview 0
  • Commits 9
  • Pipelines 0
  • Changes 16

Created by: pvdlg

Fixes #21727 (closed)

Compare
  • v4-dev (base)

and
  • latest version
    da467c40
    9 commits, 2 years ago

16 files
+ 101
- 155

    Preferences

    File browser
    Compare changes
do‎cs‎
_inc‎ludes‎
callout-danger-‎async-methods.md‎ +7 -0
compo‎nents‎
carou‎sel.md‎ +6 -3
colla‎pse.md‎ +6 -3
moda‎l.md‎ +3 -0
nav‎s.md‎ +3 -0
popov‎ers.md‎ +3 -0
toolt‎ips.md‎ +3 -0
getting‎-started‎
javasc‎ript.md‎ +38 -17
j‎s‎
s‎rc‎
carou‎sel.js‎ +4 -6
colla‎pse.js‎ +4 -10
moda‎l.js‎ +10 -9
toolt‎ip.js‎ +12 -20
tests/‎visual‎
carous‎el.html‎ +2 -22
collap‎se.html‎ +0 -25
modal‎.html‎ +0 -21
toolti‎p.html‎ +0 -19
docs/_includes/callout-danger-async-methods.md 0 → 100644
+ 7
- 0
  • View file @ da467c40

  • Edit in single-file editor

  • Open in Web IDE

{% callout danger %}
#### Asynchronous methods and transitions
All API methods are **asynchronous** and start a **transition**. They returns to the caller as soon as the transition is started but **before it ends**. In addition, a method call on a **transitioning component will be ignored**.
[See our Javascript documentation for more informations.]({{ site.baseurl }}/getting-started/javascript/#content)
{% endcallout %}
docs/components/carousel.md
+ 6
- 3
  • View file @ da467c40

  • Edit in single-file editor

  • Open in Web IDE


@@ -229,6 +229,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
### Methods
{% capture callout-include %}{% include callout-danger-async-methods.md %}{% endcapture %}
{{ callout-include | markdownify }}
#### `.carousel(options)`
Initializes the carousel with an optional options `object` and starts cycling through items.
@@ -249,15 +252,15 @@ Stops the carousel from cycling through items.
#### `.carousel(number)`
Cycles the carousel to a particular frame (0 based, similar to an array).
Cycles the carousel to a particular frame (0 based, similar to an array). **Returns to the caller before the target item has been shown** (i.e. before the `slid.bs.carousel` event occurs).
#### `.carousel('prev')`
Cycles to the previous item.
Cycles to the previous item. **Returns to the caller before the previous item has been shown** (i.e. before the `slid.bs.carousel` event occurs).
#### `.carousel('next')`
Cycles to the next item.
Cycles to the next item. **Returns to the caller before the next item has been shown** (i.e. before the `slid.bs.carousel` event occurs).
### Events
docs/components/collapse.md
+ 6
- 3
  • View file @ da467c40

  • Edit in single-file editor

  • Open in Web IDE


@@ -178,6 +178,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
### Methods
{% capture callout-include %}{% include callout-danger-async-methods.md %}{% endcapture %}
{{ callout-include | markdownify }}
#### `.collapse(options)`
Activates your content as a collapsible element. Accepts an optional options `object`.
@@ -190,15 +193,15 @@ $('#myCollapsible').collapse({
#### `.collapse('toggle')`
Toggles a collapsible element to shown or hidden.
Toggles a collapsible element to shown or hidden. **Returns to the caller before the collapsible element has actually been shown or hidden (i.e. before the `shown.bs.collapse` or `hidden.bs.collapse` event occurs).
#### `.collapse('show')`
Shows a collapsible element.
Shows a collapsible element. **Returns to the caller before the collapsible element has actually been shown** (i.e. before the `shown.bs.collapse` event occurs).
#### `.collapse('hide')`
Hides a collapsible element.
Hides a collapsible element. **Returns to the caller before the collapsible element has actually been hidden** (i.e. before the `hidden.bs.collapse` event occurs).
### Events
docs/components/modal.md
+ 3
- 0
  • View file @ da467c40

  • Edit in single-file editor

  • Open in Web IDE


@@ -547,6 +547,9 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
### Methods
{% capture callout-include %}{% include callout-danger-async-methods.md %}{% endcapture %}
{{ callout-include | markdownify }}
#### `.modal(options)`
Activates your content as a modal. Accepts an optional options `object`.
docs/components/navs.md
+ 3
- 0
  • View file @ da467c40

  • Edit in single-file editor

  • Open in Web IDE


@@ -404,6 +404,9 @@ To make tabs fade in, add `.fade` to each `.tab-pane`. The first tab pane must a
### Methods
{% capture callout-include %}{% include callout-danger-async-methods.md %}{% endcapture %}
{{ callout-include | markdownify }}
#### $().tab
Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the DOM.
0 Assignees
None
Assign to
0 Reviewers
None
Request review from
Labels
0
None
0
None
    Assign labels
  • Manage project labels

Milestone
No milestone
None
None
Time tracking
No estimate or time spent
Lock merge request
Unlocked
0
0 participants
Reference: firstcontributions/first-contributions!56555
Source branch: github/fork/pvdlg/js-transitioning-1

Menu

Explore Projects Groups Snippets