working popup in prior v7

Topic: working popup in prior v7

dwilbur priority asked 3 weeks ago

this was a popup that would display help meaning of terms. i don't have a screenshot of the prior working popup. but, it was working.

we upgraded to the mdb 7 (and that was all we changed) and it stopped working... did one of the data-mdb-* change?

there is the snipit of jinja source. please let me know if you need more.

    <a tabindex="0" class="btn btn-info mt-2" role="button" data-mdb-toggle="popover" data-mdb-trigger="focus"
        data-mdb-html="true" title="Help on Event Types"
        data-mdb-content="{% for event_type in event_types %}<b>{{ event_type.name }}</b> {{ event_type.description }}
{% endfor %}">
        Click for Help on Event Types
    </a>

Add comment

Kamila Pieńkowska staff answered 3 weeks ago

0 0 Best answer

Yes. There were chagnges.

MDB follows the semantic versioning spec to keep the JavaScript ecosystem healthy and secure. In semantic versioning, a major version change (indicated by the change in the first digit in the version number) means there are substantial updates to an npm package that might require changes in your project.

To assist with this transition, we've prepared a comprehensive <a href="https://mdbootstrap.com/docs/standard/getting-started/migration-guide/" target="_blank">Migration Guide</a>. This guide explains how you can adapt your project to MDB v7 seamlessly. Also, you can view all the specific updates in our <a href="https://mdbootstrap.com/docs/standard/getting-started/changelog/" target="_blank">Changelog</a>, which details the changes in this version.

Please go through the migration guide to understand the changes and how to implement them in your project. If you encounter any issues or need further assistance, feel free to reach out. We’re here to help ensure a smooth transition to MDB v7.

In this specific case you should change <code>data-mdb-toggle="popover"</code> to <code>data-mdb-popover-init</code>

Please insert min. 20 characters.

Yes. There were chagnges.

MDB follows the semantic versioning spec to keep the JavaScript ecosystem healthy and secure. In semantic versioning, a major version change (indicated by the change in the first digit in the version number) means there are substantial updates to an npm package that might require changes in your project.

To assist with this transition, we've prepared a comprehensive Migration Guide. This guide explains how you can adapt your project to MDB v7 seamlessly. Also, you can view all the specific updates in our Changelog, which details the changes in this version.

Please go through the migration guide to understand the changes and how to implement them in your project. If you encounter any issues or need further assistance, feel free to reach out. We’re here to help ensure a smooth transition to MDB v7.

In this specific case you should change data-mdb-toggle="popover" to data-mdb-popover-init

dwilbur priority commented 3 weeks ago

understood... but this is not parity with data-mdb-toggle="popover"... first click opened it, 2nd click closed it.

data-mdb-popover-init opens the popup and clicking again does not close it.

Kamila Pieńkowska staff commented 3 weeks ago

Do other components works as expected? Do you get any console errors? Can you recreate this bug in a snippet?

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Standard
MDB Version: MDB5 7.2.0
Device: na
Browser: na
OS: na
Provided sample code: No
Provided link: No

dwilbur

2Support score
17Questions 9Answers 3Snippets