• 0

Can you help? JS tool-tip stuck in "hidden overflow" from CSS


Question

Hello fellow Neowinians!! So... I have a caption bar that slides into the thumbnail on hover with 2 links inside. Then, when you hover over each link inside the caption bar it gives you a "tool tip" of type of info inside the links.

Because of the animation for the caption bar I had to use overflow:hidden; which is effecting the tooltip also.

I stripped away most of the site so it would be easier to look at the code.

Here is a link to my problem: portalpacific.co/test/
Hover over the thumb to see.

Also heres it zipped up if you prefer: portalpacific.co/test.rar

I broke the links because they were adding an A to the end for some reason and going to invalid page So please just copy and paste.

 

Anyone got the answer? :3

 

Lots of tytytyty!

7 answers to this question

Recommended Posts

  • 0

Adding above mentioned code in "tipr.js" file makes no tooltip on hover... It disable completely. If this is your desired behavior, then simply add this to tipr.js file.

  • 0
  On 31/08/2014 at 20:45, Zlip792 said:

Adding above mentioned code in "tipr.js" file makes no tooltip on hover... It disable completely. If this is your desired behavior, then simply add this to tipr.js file.

I guess i misunderstood the original stack overflow post i got that code from. I'm still where i started so if you know the answer that be great. I think we both know that isn't my desired effect. lol

 

There must be a way to override the hidden overflow for the js tooltip. 

  • 0

It's complicated.

To fix this you must put the animated item into a a seperate overflow div from the tooltip. But this prevents you from putting the tooltip in the horizontal center of the tag :/

 

Simply said, if you remove the overflow that clips the popup you also rmeove the overflow that clips the tooltip. 

 

I'll make a hacky fix tommorow.

  • Like 1
  • 0
  On 31/08/2014 at 22:28, Seahorsepip said:

It's complicated.

To fix this you must put the animated item into a a seperate overflow div from the tooltip. But this prevents you from putting the tooltip in the horizontal center of the tag :/

 

Simply said, if you remove the overflow that clips the popup you also rmeove the overflow that clips the tooltip. 

 

I'll make a hacky fix tommorow.

Lol! Sometimes i dont come here for a while and when im back needing help BOOM there you are Seahorse! I think im gana play with it a bit more though ill let you know by tonight if i have been successful or not so you dont waste any of that amazing brain power for no reason!

Thanks!! :D 

This topic is now closed to further replies.
  • Posts

    • MIT's stunning 'bubble wrap' device squeezes water out from thin air even in deserts by Sayan Sen Image by Matteo Roman via Pexels Massachusetts Institute of Technology (MIT) engineers have built a new kind of device that can pull clean drinking water straight out of the air—no electricity needed. It’s designed for areas where water is scarce and traditional sources like rivers or lakes aren’t reliable. Right now, more than 2.2 billion people globally don’t have access to safe drinking water. In the United States alone, 46 million face water insecurity, with either no running water or water that’s not safe to drink. This new device, called an Atmospheric Water Harvesting Window (AWHW), uses a unique hydrogel panel that looks like black bubble wrap. These dome-shaped bubbles soak up water vapor from the air, especially at night when humidity is higher. During the day, sunlight makes the vapor inside evaporate. That vapor then condenses on a glass surface and drips down through a tube, turning into drinkable water. The AWHW doesn’t rely on power sources like batteries or solar panels. It’s completely passive, meaning it works on its own. The team tested a meter-sized panel in Death Valley, California, one of the driest places in North America, and got between 57.0 and 161.5 milliliters of water per day even with humidity as low as 21 percent. That’s more than what other similar passive devices have managed. “We have built a meter-scale device that we hope to deploy in resource-limited regions, where even a solar cell is not very accessible,” said Xuanhe Zhao, a professor at MIT. “It’s a test of feasibility in scaling up this water harvesting technology. Now people can build it even larger, or make it into parallel panels, to supply drinking water to people and achieve real impact.” Another cool part of the design is how they kept the water safe to drink. Usually, these kinds of hydrogels use salts like lithium chloride to absorb more vapor but that can lead to salt leaking into the water, which isn’t ideal. To solve this, MIT’s team mixed in glycerol, a compound that helps keep salt locked inside the gel. In testing, the lithium ion concentration in the harvested water stayed below 0.06 ppm (parts per million), which is way below the safe limit. The hydrogel domes also give the material more surface area, letting it collect more vapor. The outer glass panel is coated with a special polymer film that helps cool the glass, making it easier for vapor to condense. “This is just a proof-of-concept design, and there are a lot of things we can optimize,” said lead author Chang Liu, now a professor at the National University of Singapore. “For instance, we could have a multipanel design. And we’re working on a next generation of the material to further improve its intrinsic properties.” Published in Nature Water, the study says the AWHW could last at least a year and shows promise for making safe, sustainable water in places with harsh climates. The researchers believe an array of vertical panels could one day supply water to individual households, especially in remote or off-grid locations. Source: MIT News, Nature This article was generated with some help from AI and reviewed by an editor. Under Section 107 of the Copyright Act 1976, this material is used for the purpose of news reporting. Fair use is a use permitted by copyright statute that might otherwise be infringing.
    • Clear Linux is open source, indeed, so its source code is available for anyone. They're just shutting down its support from them, they're not forbidding anyone else from taking over.
    • Linux Mint is also my favorite distro, but I fear what will happen with it if Clem were to disappear tomorrow, to be honest.
    • Yeah, I totally get your point, which is possible it could happen. I just hope there is a few people around him who are similar to where if they took over things would run pretty much the same. if not, then yeah, it could start to decline rapidly etc. but I figure something that's been around for a longer period of time with a decent backing, and probably more users than most Linux distro's (which I would 'imagine' Mint is one of the more used Linux desktop distro's by volume of people who use it), is less likely to just disappear. but like you said, nothing is guaranteed. but I do think you are probably right in that Clem is probably the core of what keeps Mint, Mint. I like how it tends to stay pretty much the same with some slight tweaks here and there (but is largely the same) instead of that crap some people go for with change for the sake of change trying to create a overly fancy interface and other unnecessary stuff etc. I also feel Mint keeps a nice balance of things out-of-the-box where it's not too bloated, nor too striped down. p.s. but I see Mint as a better Ubuntu basically. but I get your point like if it was more of a really serious choice of needing a 'safe bet' to use long term, then yeah something like official Ubuntu would be one of the better choices for sure given what you said with it being backed by an actual company which makes it a safer bet than Mint which is smaller and 'could' potentially be more fragile.
    • It’s in development so hopefully it’s improved upon before release.
  • Recent Achievements

    • First Post
      leoniDAM earned a badge
      First Post
    • Reacting Well
      Ian_ earned a badge
      Reacting Well
    • One Month Later
      Ian_ earned a badge
      One Month Later
    • Dedicated
      MacDaddyAz earned a badge
      Dedicated
    • Explorer
      cekicen went up a rank
      Explorer
  • Popular Contributors

    1. 1
      +primortal
      506
    2. 2
      ATLien_0
      209
    3. 3
      Michael Scrip
      202
    4. 4
      Xenon
      146
    5. 5
      +FloatingFatMan
      121
  • Tell a friend

    Love Neowin? Tell a friend!