Topic: TAB Issue
drclohite pro asked 3 years ago
Expected behavior I expect one box to appear.
Actual behavior On page load, two tabs appear one on top of each other. As soon as I click on a tab, the bottom box disappears and it works like normal, although I have seen some strange effects at other times. i.e not seeming to clear, or clearing after a few clicks.
Resources (screenshots, code snippets etc.)
partial code:Question Control Description Supplemental Guidance Enhancements
<div class="tab-content card pt-5" id="myTabContentMD"> <div class="tab-pane fade show active" id="irq-md" role="tabpanel" aria-labelledby="irq-tab-md"> <textarea class='form-control' id='IRQuestion' name='IRQuestion' rows='9'>` + datapack.IRQuestion + `</textarea> </div> <div class="tab-pane fade show active" id="control-md" role="tabpanel" aria-labelledby="control-tab-md"> <textarea class='form-control rounded-corners' id='Description' name='Description' rows='9'>` + datapack.Description + `</textarea> </div> <div class="tab-pane fade" id="supplemental-md" role="tabpanel" aria-labelledby="profile-tab-md">`;
I fixed it by starting from scratch and doing it again!
really difficult to do as it is buried within a private and secure AWS node/express elastic beanstalk application. I could provide private (not public) access.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.10
- Device: PC`
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No