Open Peter-Stern opened 4 years ago
Additional info: Example (any card in the second row) https://www.cranio-sacrale-biodynamik.at/common/info/cards/0
Hello @PeterSt78,
Thank you for using our products, please give us more details about how you want to look/ to be positioned the tooltip. We have checked your project and it looks like the tooltips are positioned well:
All the best, Stefan
Hello @groovemen
Strange, because I have this correct picture only in the landing page or in the first row on this side. In the second row it looks like:
I am using google chrome: Google Chrome is up to date Version 83.0.4103.61 (Official Build) (64-bit)
All the best, Peter
PS: But I have to scroll to the second row, because of my small monitor (Laptop)
Maybe you can use this link to scroll lower down https://www.cranio-sacrale-biodynamik.at/common/info/news
Hello again,
It works fine for every card on your page, even if we shrink the viewport to have a smaller screen, also on this link: https://www.cranio-sacrale-biodynamik.at/common/info/news. Please let us know what Operating System are you using.
Best, Stefan
Hi Stefan
I am using Windows 10 (1809) and google chrome or firefox (newest version)
Best, Peter
I agree about this issue. Especially on ultra wide monitors!
I am having the same issue
the options will not show where the select element located but this case will only occur most of the time when you will load many options like below code.
try to put the select maybe on the middle of the content, then you will see what i mean.
<div class="form-group select-wizard">
<label>Job Industry</label>
<select class="selectpicker" title="Choose">
<option value=""></option>
<option data-tokens="Accounting / Finance">Accounting / Finance</option>
<option data-tokens="Advertising">Advertising</option>
<option data-tokens="Agriculture / Veterinary">Agriculture / Veterinary</option>
<option data-tokens="Airline / Airport">Airline / Airport</option>
<option data-tokens="Arts / Media / Design">Arts / Media / Design
</option>
<option data-tokens="Automobile">Automobile</option>
<option data-tokens="Banking">Banking</option>
<option data-tokens="Call Center (BPO)">Call Center (BPO)</option>
<option data-tokens="Computer / Information Technology">
Computer / Information Technology</option>
<option data-tokens="Construction ">Construction </option>
<option data-tokens="Consulting">Consulting</option>
<option data-tokens="Domestic / Caretaker">Domestic / Caretaker</option>
<option data-tokens="Education / Schools">Education / Schools</option>
<option data-tokens="Engineering / Architecture">Engineering / Architecture</option>
<option data-tokens="Food / Restaurant">Food / Restaurant</option>
<option data-tokens="Government ">Government </option>
<option data-tokens="Healthcare / Medical ">Healthcare / Medical </option>
<option data-tokens="Hotel / Spa / Salon">Hotel / Spa / Salon
</option>
<option data-tokens="HR / Recruitment / Training">
HR / Recruitment / Training</option>
<option data-tokens="Legal / Documentation">Legal / Documentation</option>
<option data-tokens="Logistics / Warehousing">Logistics / Warehousing</option>
<option data-tokens="Manufacturing / Production">Manufacturing / Production</option>
<option data-tokens="Maritime / Sea-based">Maritime / Sea-based</option>
<option data-tokens="Non-profit">Non-profit</option>
<option data-tokens="Property / Real Estate">Property / Real Estate</option>
<option data-tokens="Printing / Publishing">Printing / Publishing</option>
<option data-tokens="Purchasing / Buyer / Retail">
Purchasing / Buyer / Retail</option>
<option data-tokens="Retail / Merchandise">Retail / Merchandise</option>
<option data-tokens="Sales / Marketing">Sales / Marketing</option>
<option data-tokens="Science">Science</option>
<option data-tokens="Sports / Athletics">Sports / Athletics</option>
<option data-tokens="Trading">Trading</option>
<option data-tokens="Travel / Tourism">Travel / Tourism</option>
<option data-tokens="Others ">Others </option>
</select>
</div>
Tried: Google, Edge browser OS: Windows 10 Version: 2.1.2
Got the same issue. My solution was to update popper.js to the latest. Let me know if this helps 🧐😉
Got the same issue. My solution was to update popper.js to the latest. Let me know if this helps 🧐😉
thank you bro, I feel really grateful for having an answer from somebody, appreciate it!
Prerequisites
Please answer the following questions for yourself before submitting an issue.
Expected Behavior
Tooltip show directly under the button
Current Behavior
Tooltip is showing on wrong position
Failure Information (for bugs)
Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.
Steps to Reproduce
Please provide detailed steps for reproducing the issue.
it is only in dashboard style and only if content is scrolled.
My Code:
`
`