<!DOCTYPE html>
<html class="has-no-js template-thread_view uix_page--fixed uix_hasSectionLinks uix_hasCrumbs uix_hasPageAction" data-app="public" data-container-key="node-113" data-content-key="thread-19816" data-cookie-prefix="xf_" data-csrf="" data-logged-in="true" data-template="thread_view" dir="LTR" id="XF" lang="en-US" style="font-size: 62.5%;">
 <head>
  <meta charset="utf-8"/>
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/>
  <meta content="noarchive" name="robots"/>
  <meta content="default-src 'self' https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to https://cdn.jsdelivr.net https://cdnjs.cloudflare.com https://www.google.com https://www.gstatic.com https://www.googletagmanager.com https://www.google-analytics.com; img-src 'self' data: blob: https://*.f95zone.com https://f95zone.com https://*.f95zone.to https://f95zone.to https://external-content.duckduckgo.com https://www.google-analytics.com https://www.googletagmanager.com https://www.google.com https://www.google.ad https://www.google.ae https://www.google.com.af https://www.google.com.ag https://www.google.com.ai https://www.google.al https://www.google.am https://www.google.co.ao https://www.google.com.ar https://www.google.as https://www.google.at https://www.google.com.au https://www.google.az https://www.google.ba https://www.google.com.bd https://www.google.be https://www.google.bf https://www.google.bg https://www.google.com.bh https://www.google.bi https://www.google.bj https://www.google.com.bn https://www.google.com.bo https://www.google.com.br https://www.google.bs https://www.google.bt https://www.google.co.bw https://www.google.by https://www.google.com.bz https://www.google.ca https://www.google.cd https://www.google.cf https://www.google.cg https://www.google.ch https://www.google.ci https://www.google.co.ck https://www.google.cl https://www.google.cm https://www.google.cn https://www.google.com.co https://www.google.co.cr https://www.google.com.cu https://www.google.cv https://www.google.com.cy https://www.google.cz https://www.google.de https://www.google.dj https://www.google.dk https://www.google.dm https://www.google.com.do https://www.google.dz https://www.google.com.ec https://www.google.ee https://www.google.com.eg https://www.google.es https://www.google.com.et https://www.google.fi https://www.google.com.fj https://www.google.fm https://www.google.fr https://www.google.ga https://www.google.ge https://www.google.gg https://www.google.com.gh https://www.google.com.gi https://www.google.gl https://www.google.gm https://www.google.gr https://www.google.com.gt https://www.google.gy https://www.google.com.hk https://www.google.hn https://www.google.hr https://www.google.ht https://www.google.hu https://www.google.co.id https://www.google.ie https://www.google.co.il https://www.google.im https://www.google.co.in https://www.google.iq https://www.google.is https://www.google.it https://www.google.je https://www.google.com.jm https://www.google.jo https://www.google.co.jp https://www.google.co.ke https://www.google.com.kh https://www.google.ki https://www.google.kg https://www.google.co.kr https://www.google.com.kw https://www.google.kz https://www.google.la https://www.google.com.lb https://www.google.li https://www.google.lk https://www.google.co.ls https://www.google.lt https://www.google.lu https://www.google.lv https://www.google.com.ly https://www.google.co.ma https://www.google.md https://www.google.me https://www.google.mg https://www.google.mk https://www.google.ml https://www.google.com.mm https://www.google.mn https://www.google.ms https://www.google.com.mt https://www.google.mu https://www.google.mv https://www.google.mw https://www.google.com.mx https://www.google.com.my https://www.google.co.mz https://www.google.com.na https://www.google.com.ng https://www.google.com.ni https://www.google.ne https://www.google.nl https://www.google.no https://www.google.com.np https://www.google.nr https://www.google.nu https://www.google.co.nz https://www.google.com.om https://www.google.com.pa https://www.google.com.pe https://www.google.com.pg https://www.google.com.ph https://www.google.com.pk https://www.google.pl https://www.google.pn https://www.google.com.pr https://www.google.ps https://www.google.pt https://www.google.com.py https://www.google.com.qa https://www.google.ro https://www.google.ru https://www.google.rw https://www.google.com.sa https://www.google.com.sb https://www.google.sc https://www.google.se https://www.google.com.sg https://www.google.sh https://www.google.si https://www.google.sk https://www.google.com.sl https://www.google.sn https://www.google.so https://www.google.sm https://www.google.sr https://www.google.st https://www.google.com.sv https://www.google.td https://www.google.tg https://www.google.co.th https://www.google.com.tj https://www.google.tl https://www.google.tm https://www.google.tn https://www.google.to https://www.google.com.tr https://www.google.tt https://www.google.com.tw https://www.google.co.tz https://www.google.com.ua https://www.google.co.ug https://www.google.co.uk https://www.google.com.uy https://www.google.co.uz https://www.google.com.vc https://www.google.co.ve https://www.google.vg https://www.google.co.vi https://www.google.com.vn https://www.google.vu https://www.google.ws https://www.google.rs https://www.google.co.za https://www.google.co.zm https://www.google.co.zw https://www.google.cat https://stats.g.doubleclick.net https://*.giphy.com https://*.gfycat.com https://media.tenor.com https://*.redgifs.com/ https://*.sendvid.com https://*.gifdeliverynetwork.com https://*.media.tumblr.com https://*.imgur.com https://*.patreonusercontent.com https://cdn.discordapp.com https://media.discordapp.net https://i.redd.it https://*.imgbox.com https://i.gyazo.com https://secure.gravatar.com https://cdn.betterttv.net https://static-cdn.jtvnw.net https://*.photobucket.com https://*.deviantart.net https://*.pixhost.to https://puu.sh https://*.postimg.org https://*.kym-cdn.com https://i.ytimg.com; style-src 'unsafe-inline' https: data:; font-src https: data:; connect-src 'self' https:; frame-src https: data:; form-action 'self' https://discord.com https://*.f95.io; upgrade-insecure-requests; block-all-mixed-content;" http-equiv="Content-Security-Policy"/>
  <title>
   Tooltip following mousecursor | F95zone
  </title>
  <meta content="What I want:

Tooltip must follow the mousecursor all the time and should never move off-screen near the sides/top/bottom
Text should be inside a frame for..." name="description"/>
  <meta content="What I want:

Tooltip must follow the mousecursor all the time and should never move off-screen near the sides/top/bottom
Text should be inside a frame for readability (high contrast with dark background frame)
Style easy customizable (textsize, bold, textcolor, background-color)
I'd highly..." property="og:description"/>
  <meta content="What I want:

Tooltip must follow the mousecursor all the time and should never move off-screen near the sides/top/bottom
Text should be inside a frame for readability (high contrast with dark..." property="twitter:description"/>
  <meta content="https://f95zone.to/threads/tooltip-following-mousecursor.19816/" property="og:url"/>
  <meta content="F95zone" property="og:site_name"/>
  <meta content="website" property="og:type"/>
  <meta content="Tooltip following mousecursor" property="og:title"/>
  <meta content="Tooltip following mousecursor" property="twitter:title"/>
  <meta content="https://f95zone.to/assets/favicon-32x32.png" property="og:image"/>
  <meta content="https://f95zone.to/assets/favicon-32x32.png" property="twitter:image"/>
  <meta content="summary" property="twitter:card"/>
  <meta content="#181a1d" name="theme-color"/>
  <meta content="#181a1d" name="msapplication-TileColor"/>
  <meta content="ok_5603d60c9ec3f9189a2c7da22c2173e2" name="lb-check"/>
  <meta content="same-origin" name="referrer"/>
  <meta content="yes" name="apple-mobile-web-app-capable"/>
 </head>
 <body data-template="thread_view">
  <style>
   .uix_headerContainer .p-navSticky.is-sticky {
		top: 0 !important;
	}

	

	
	

	
	
	
		
			
			
				
			
		
	

	

	

		
		
		.uix_mainTabBar {top: 90px !important;}
		.uix_stickyBodyElement:not(.offCanvasMenu) {
			top: 110px !important;
			min-height: calc(100vh - 110px) !important;
		}
		.uix_sidebarInner .uix_sidebar--scroller {margin-top: 110px;}
		.uix_sidebarInner {margin-top: -110px;}
		.p-body-sideNavInner .uix_sidebar--scroller {margin-top: 110px;}
		.p-body-sideNavInner {margin-top: -110px;}
		.uix_stickyCategoryStrips {top: 110px !important;}
		#XF .u-anchorTarget {
			height: 110px;
			margin-top: -110px;
		}
	
		

		
			@media (max-width: 900px) {
		
				.p-sectionLinks {display: none;}

				

				.uix_mainTabBar {top: 50px !important;}
				.uix_stickyBodyElement:not(.offCanvasMenu) {
					top: 70px !important;
					min-height: calc(100vh - 70px) !important;
				}
				.uix_sidebarInner .uix_sidebar--scroller {margin-top: 70px;}
				.uix_sidebarInner {margin-top: -70px;}
				.p-body-sideNavInner .uix_sidebar--scroller {margin-top: 70px;}
				.p-body-sideNavInner {margin-top: -70px;}
				.uix_stickyCategoryStrips {top: 70px !important;}
				#XF .u-anchorTarget {
					height: 70px;
					margin-top: -70px;
				}

				
		
			}
		
	

	.uix_sidebarNav .uix_sidebar--scroller {max-height: calc(100vh - 70px);}
  </style>
  <div id="jumpToTop">
  </div>
  <div class="uix_pageWrapper--fixed">
   <div class="p-pageWrapper" id="top">
    <div class="p-body">
     <div class="p-body-inner">
      <!--XF:EXTRA_OUTPUT-->
      <noscript>
       <div class="blockMessage blockMessage--important blockMessage--iconic u-noJsOnly">
        JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
       </div>
      </noscript>
      <!--[if lt IE 9]><div class="blockMessage blockMessage&#45;&#45;important blockMessage&#45;&#45;iconic">You are using an out of date browser. It  may not display this or other websites correctly.<br />You should upgrade or use an <a href="https://www.google.com/chrome/browser/" target="_blank">alternative browser</a>.</div><![endif]-->
      <div class="uix_contentWrapper" uix_component="MainContainer">
       <div class="p-body-main">
        <div class="p-body-content" uix_component="MainContent">
         <!-- ABOVE MAIN CONTENT -->
         <div class="breadcrumb block">
          <div class="pageContent">
           <ul class="p-breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList">
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/" itemprop="item">
              <span itemprop="name">
               Forums
              </span>
             </a>
             <meta content="1" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/categories/development.72/" itemprop="item">
              <span itemprop="name">
               Development
              </span>
             </a>
             <meta content="2" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/forums/programming-development-art.73/" itemprop="item">
              <span itemprop="name">
               Programming, Development &amp; Art
              </span>
             </a>
             <meta content="3" itemprop="position"/>
            </li>
            <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
             <a href="/forums/dev-help.113/" itemprop="item">
              <span itemprop="name">
               Dev Help
              </span>
             </a>
             <meta content="4" itemprop="position"/>
            </li>
           </ul>
          </div>
         </div>
         <div class="samBannerUnit samAlignCenter samCustomSize" data-position="container_breadcrumb_top_below" style="width: 728px; height: 90px;">
          <div class="samItem">
           <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?496266440&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=d1ca4cff-9d71-4fc8-b2eb-041dac16559a&amp;ag_custom_vlmspot=leaderboard_header" style="width:728px; height:90px;">
           </iframe>
          </div>
         </div>
         <div class="p-body-header" style=" ">
          <div class="pageContent">
           <div class="uix_headerInner">
            <div class="p-title">
             <h1 class="p-title-value">
              Tooltip following mousecursor
             </h1>
            </div>
            <div class="p-description">
             <ul class="listInline listInline--bullet">
              <li>
               <i aria-hidden="true" class="fa--xf fas fa-user" title="Thread starter">
               </i>
               <span class="u-srOnly">
                Thread starter
               </span>
               <a class="username u-concealed" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/">
                <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                <span style="color: rgb(162, 0, 255);">
                 <a class="username u-concealed" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/">
                  f95zoneuser463
                 </a>
                </span>
               </a>
              </li>
              <li>
               <i aria-hidden="true" class="fa--xf fas fa-clock" title="Start date">
               </i>
               <span class="u-srOnly">
                Start date
               </span>
               <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/">
                <time class="u-dt" data-date-string="Oct 29, 2018" data-time="1540749074" data-time-string="1:51 AM" datetime="2018-10-29T01:51:14+0800" dir="auto" title="Oct 29, 2018 at 1:51 AM">
                 Oct 29, 2018
                </time>
               </a>
              </li>
             </ul>
            </div>
           </div>
           <div class="uix_headerInner--opposite">
            <div class="p-title-pageAction">
             <select class="br-select input" data-deselectable="false" data-initial-rating="0" data-rating-href="/threads/tooltip-following-mousecursor.19816/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/tooltip-following-mousecursor.19816/br-user-rated" data-xf-click="overlay" data-xf-init="tooltip" title="Members who rated this thread"&gt;0 Votes&lt;/div&gt;' data-widget-class="bratr-rating" data-xf-init="rating" name="rating">
              <option value="">
              </option>
              <option value="1">
               Terrible
              </option>
              <option value="2">
               Poor
              </option>
              <option value="3">
               Average
              </option>
              <option value="4">
               Good
              </option>
              <option value="5">
               Excellent
              </option>
             </select>
            </div>
           </div>
          </div>
         </div>
         <div class="p-body-pageContent">
          <div class="block block--messages" data-href="/inline-mod/" data-type="post" data-xf-init="">
           <div class="block-outer">
            <div class="block-outer-opposite">
             <div class="buttonGroup">
              <a class="button--link button" data-xf-click="overlay" href="/account/dpp-update?content_type=thread&amp;content_id=19816">
               <span class="button-text">
                Showing 100 posts per page
               </span>
              </a>
              <a class="tic--button button button--link" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=19816">
               Ignore thread
              </a>
              <a class="button--link button" data-sk-unwatch="Unwatch" data-sk-watch="Watch" data-xf-click="switch-overlay" href="/threads/tooltip-following-mousecursor.19816/watch">
               <span class="button-text">
                Watch
               </span>
              </a>
             </div>
            </div>
           </div>
           <div class="block-outer js-threadStatusField">
           </div>
           <div class="block-container lbContainer" data-lb-id="thread-19816" data-lb-universal="0" data-message-selector=".js-post" data-xf-init="lightbox select-to-quote">
            <div class="block-body js-replyNewMessageContainer">
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1227186" id="js-post-1227186">
              <span class="u-anchorTarget" id="post-1227186">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </div>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-1227186" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 29, 2018" data-time="1540749074" data-time-string="1:51 AM" datetime="2018-10-29T01:51:14+0800" dir="auto" title="Oct 29, 2018 at 1:51 AM">
                     Oct 29, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1227186/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-1227186" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1227186/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-1227186" rel="nofollow">
                     #1
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Oct 29, 2018 at 1:51 AM" data-lb-id="post-1227186">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <b>
                      <i>
                       <u>
                        What I want:
                       </u>
                      </i>
                     </b>
                     <br/>
                     <ul>
                      <li data-xf-list-type="ul">
                       Tooltip must follow the mousecursor all the time and should never move off-screen near the sides/top/bottom
                      </li>
                      <li data-xf-list-type="ul">
                       Text should be inside a frame for readability (high contrast with dark background frame)
                      </li>
                      <li data-xf-list-type="ul">
                       Style easy customizable (textsize, bold, textcolor, background-color)
                      </li>
                      <li data-xf-list-type="ul">
                       I'd highly prefer a method without a custom displayable and screen-based instead
                      </li>
                      <li data-xf-list-type="ul">
                       I'd prefer a method that uses GetTooltip()
                      </li>
                      <li data-xf-list-type="ul">
                       Avoid dependency on the legacy "Tooltip"-class if a custom displayable is needed (which I guess is the case since screen code does not have an event for "while hovering" to update the mouse x/y)
                      </li>
                     </ul>
                     <b>
                      <i>
                       <u>
                        What I have:
                       </u>
                      </i>
                     </b>
                     <br/>
                     That's two different methods in one file. One must be deleted or uncommented.
                     <div class="bbCodeSpoiler">
                      <button class="bbCodeSpoiler-button button--longText button" data-xf-click="toggle" type="button">
                       <span class="button-text">
                        <span>
                         Spoiler:
                         <span class="bbCodeSpoiler-button-title">
                          script.rpy
                         </span>
                        </span>
                       </span>
                      </button>
                      <div class="bbCodeSpoiler-content">
                       <div class="bbCodeBlock bbCodeBlock--spoiler">
                        <div class="bbCodeBlock-content">
                         <span style="color: #00ff00">
                          <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                           <div class="bbCodeBlock-title">
                            Code:
                           </div>
                           <div class="bbCodeBlock-content" dir="ltr">
                            <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>define d = Character("The poor developer")

define c = Character("Cat")

################################################################################
## TOOLTIPS WITH CUSTOM DISPLAYABLE
## modified version of:
## https://github.com/jsfehler/renpy-mouse-tooltip
################################################################################
default tt = MouseTooltip(Text(""))

init -1500 python:

    class MouseTooltip(Tooltip, renpy.Displayable):
        action = Action

        def __init__(self, default, *args, **kwargs):
            super(renpy.Displayable, self).__init__(*args, **kwargs)
            self.default = default
            self.value = default
            self.value.style.bold = True
            self.x = 0
            self.y = 0

        def render(self, width, height, st, at):
            try:
                w, h = self.value.size()
            except AttributeError:
                child_render = renpy.render(self.value, width, height, st, at)
                w, h = child_render.get_size()
            
            render = renpy.Render(w, h)
            
            # if tooltip is close to the top or right side make sure it stays on the screen
            x = self.x
            if x &gt; config.screen_width - w:
                x = config.screen_width - w
              
            y = self.y-h # -h to place text above cursor
            if y &lt; 0:
                y = 0

            # transparent rectangle
            ttbox = Fixed(Color("#7777"))
            ttbox.add(self.value)
            render.place(ttbox, x, y)
            return render

        def event(self, ev, x, y, st):
            self.x = x
            self.y = y
            renpy.redraw(self, 0)

screen s_room():
    layer "master"
    textbutton "object to test top right corner":
                        xpos 1420 ypos 0   action Return("picture") hovered(tt.Action(Text("Picture")))
    textbutton "object" xpos 1200 ypos 800 action Return("cat")     hovered(tt.Action(Text("Cat")))
    textbutton "object" xpos  500 ypos 600 action Return("keys")    hovered(tt.Action(Text("Keys")))
    textbutton "object" xpos  400 ypos 800 action Return("switch")  hovered(tt.Action(Text("Switch")))
    textbutton "object" xpos 1200 ypos 900 action Return("chair")   hovered(tt.Action(Text("Chair")))
    add tt

label start:
    d "Damn it! It's midnight and they cut the power! I couldn't afford to pay the powerbill ..."
    d "I need to find the garage keys! I will set up my giant hamsterwheel as powergenerator! That's the only way I can keep working on my Visual Novel."
    
label find_keys:
    call screen s_room()
    if _return == "keys":
        d "Wohoo! I found them!"
        return
    elif _return == "picture":
        d "My poster of Miss Super Sexy World Mega Champion Over the Max 9000! ... to bad I can't see sh*t!"
    elif _return == "cat":
        c "Meeeooooww! ... Feed me!"
        d "Did you just say 'feed me'? ... Cats don't speak!"
        c "Okay ... Meow!"
        d "Just wait until I find my whip and the hamsterwheel!"
    elif _return == "switch":
        d "It's not working ..."
    jump find_keys

################################################################################
## TOOLTIPS WITH CUSTOM DISPLAYABLE - END
################################################################################


################################################################################
## TOOLTIPS WITH SCREEN
################################################################################

screen s_tt():
    if GetTooltip() != None:
        $ tt_text = Text(GetTooltip())
        # style must be set before getting the frame-size (w/h) can be wrong
        $ tt_text.style.bold = True
        $ w, h = tt_text.size()
        $ w = int(w)
        $ h = int(h) # size returns as float!? Breaks everthing! :( Force int!
        # if tooltip is close to the top or right side make sure it stays on the screen
        $ mx,my = renpy.get_mouse_pos()
        $ x = mx
        if x &gt; config.screen_width - w:
            $ x = config.screen_width - w
          
        $ y = my-h # -h to place text above cursor
        if y &lt; 0:
            $ y = 0

        # debug
        text "Mouse=("+str(mx)+","+str(my)+")    Frame("+str(x)+","+str(y)+","+str(w)+","+str(h)+")    GetTooltip()="+str(GetTooltip())

        frame:
            xpos x
            ypos y
            background "#7777"
            text tt_text bold True

screen s_room():
    layer "master"
    textbutton "object to test top right corner":
                        xpos 1420 ypos 0   action Return("picture") tooltip "Picture"
    textbutton "object" xpos 1200 ypos 800 action Return("cat")     tooltip "Cat"
    textbutton "object" xpos  500 ypos 600 action Return("keys")    tooltip "Keys"
    textbutton "object" xpos  400 ypos 800 action Return("switch")  tooltip "Switch"
    textbutton "object" xpos 1200 ypos 900 action Return("chair")   tooltip "Chair"

label start:
    d "Damn it! It's midnight and they cut the power! I couldn't afford to pay the powerbill ..."
    d "I need to find the garage keys! I will set up my giant hamsterwheel as powergenerator! That's the only way I can keep working on my Visual Novel."
    
label find_keys:
    show screen s_tt
    call screen s_room()
    if _return == "keys":
        d "Wohoo! I found them!"
        return
    elif _return == "picture":
        d "My poster of Miss Super Sexy World Mega Champion Over the Max 9000! ... to bad I can't see sh*t!"
    elif _return == "cat":
        c "Meeeooooww! ... Feed me!"
        d "Did you just say 'feed me'? ... Cats don't speak!"
        c "Okay ... Meow!"
        d "Just wait until I find my whip and the hamsterwheel!"
    elif _return == "switch":
        d "It's not working ..."
    jump find_keys

################################################################################
## TOOLTIPS WITH SCREEN - END
################################################################################</code></pre>
                           </div>
                          </div>
                         </span>
                        </div>
                       </div>
                      </div>
                     </div>
                     <ol>
                      <li data-xf-list-type="ol">
                       <b>
                        <span style="color: #ff8000">
                         A modified custom displayable based on
                         <a class="link link--external" href="https://github.com/jsfehler/renpy-mouse-tooltip" rel="nofollow noopener" target="_blank">
                          https://github.com/jsfehler/renpy-mouse-tooltip
                         </a>
                        </span>
                       </b>
                      </li>
                     </ol>
                     <div style="margin-left: 20px">
                      (I have no idea what the author of the original source did with the padding code, it caused exceptions for me and I removed it)
                      <br/>
                      pro:
                      <br/>
                      <ul>
                       <li data-xf-list-type="ul">
                        works the way I want
                       </li>
                      </ul>
                      contra:
                      <br/>
                      <ul>
                       <li data-xf-list-type="ul">
                        hard to customize (I took me forever to find out how to add a background-rectangle)
                       </li>
                       <li data-xf-list-type="ul">
                        hard to use and high chance to f*ck things
                       </li>
                       <li data-xf-list-type="ul">
                        based on legacy
                        <span style="color: #00ff00">
                         Tooltip
                        </span>
                        -class
                       </li>
                      </ul>
                      <b>
                       <span style="color: #0080ff">
                        2. Screen based tooltips:
                       </span>
                      </b>
                      <br/>
                      pro:
                      <br/>
                      <ul>
                       <li data-xf-list-type="ul">
                        easy to customize
                       </li>
                       <li data-xf-list-type="ul">
                        easy to use
                       </li>
                      </ul>
                      contra:
                      <br/>
                      <ul>
                       <li data-xf-list-type="ul">
                        does not work how I want, I'm not aware of a way to update the tooltip position while hovering, the tooltip only appears at the position where the mouse entered the tooltip-object
                       </li>
                      </ul>
                     </div>
                     <span style="color: #ff8000">
                      So the question is either for method 1:
                     </span>
                     <br/>
                     How to get rid of the
                     <span style="color: #00ff00">
                      Tooltip
                     </span>
                     -class dependency and how do I customize this in an easy way?
                     <br/>
                     <br/>
                     <span style="color: #0080ff">
                      Or for method 2:
                     </span>
                     <br/>
                     How can I update the tooltip position while hovering?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1227186" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1227186/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1227186" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1227186" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1227186/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1227186" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1227186/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <div class="samBannerUnit samAlignCenter" data-position="post_below_container_1">
              <div class="samItem">
               <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?711900550&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=11d8884a-c204-4705-8dc5-d17be23ed7bf&amp;ag_custom_vlmspot=leaderboard_posts" style="width:728px; height:90px;">
               </iframe>
              </div>
             </div>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1229654" id="js-post-1229654">
              <span class="u-anchorTarget" id="post-1229654">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-1229654" rel="nofollow">
                    <time class="u-dt" data-date-string="Oct 29, 2018" data-time="1540820359" data-time-string="9:39 PM" datetime="2018-10-29T21:39:19+0800" dir="auto" title="Oct 29, 2018 at 9:39 PM">
                     Oct 29, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1229654/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-1229654" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1229654/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-1229654" rel="nofollow">
                     #2
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Oct 29, 2018 at 9:39 PM" data-lb-id="post-1229654">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Wow...
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1227186" data-xf-click="attribution" href="/goto/post?id=1227186">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        <span style="color: #ff8000">
                         So the question is either for method 1:
                        </span>
                        <br/>
                        How to get rid of the
                        <span style="color: #00ff00">
                         Tooltip
                        </span>
                        -class dependency and how do I customize this in an easy way?
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Well, you can't. Here the dependency come from the fact that he made his class inherit from the old tooltip one, but it's just to ease his works. He could have build it from scratch with the same result. But the new tooltip works in a totally different way... different and incompatible.
                     <br/>
                     There's no real easy way to do it like this. It's possible, but like you need to hardcode the whole display, it's not easy.
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1227186" data-xf-click="attribution" href="/goto/post?id=1227186">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        <span style="color: #0080ff">
                         Or for method 2:
                        </span>
                        <br/>
                        How can I update the tooltip position while hovering?
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Probably like this :
                     <br/>
                     [Note: I can't test right now, so it's a guess reusing part of my code]
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>init python
    class MousePos(renpy.Displayable):
        x = 0
        y = 0

        def __init__(self, **kwargs):
            super(MousePos, self).__init__(**kwargs)

        def event(self, ev, x, y, st):
            if (x &lt; 0 or y &lt; 0): return None
            import pygame_sdl2 as pygame
            if ev.type != pygame.MOUSEMOTION: return None
            self.x = x
            self.y = y
            renpy.redraw(self, 0)

define mousePos = MousePos()

screen myScreen:

    add mousePos

    textbutton "blabla":
        action NullAction()
        tooltip "blabla"

    $ tooltip = GetTooltip()
   
    if tooltip:
       frame:
         xpos mousePos.x
         ypos mousePos.y
         text "[tooltip]"</code></pre>
                      </div>
                     </div>
                     MousePos just give you the position of the mouse. So you have to play with mousePos.x and mousePos.y to ensure that it don't goes over the screen. Something like :
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>    if tooltip:
       frame:
           if mousePos.x &gt; config.screen_width - 200:
              xpos = config.screen_width - 200
           else:
              xpos mousePos.x
           if mousePos.y &gt; config.screen_height - 100:
              ypos = config.screen_height - 100
           else:
              ypos mousePos.y</code></pre>
                      </div>
                     </div>
                     /!\ WARNING /!\ like I said, I can't test right now. So I guess that this should works, but it's not 100% guaranty.
                     <br/>
                     <br/>
                     Like the custom displayable just take care of the position of the mouse, styling the tooltip is easy, it's just basic Ren'py screen statements. The problem is that you need to have a fixed maximal width and height that will apply for every tooltip in the screen.
                     <br/>
                     There's probably a way to merge the class you tried and MousePos, making it return not only the position of the mouse, but also the width and height of the text, but it'll need way more works/test that what I can do actually, sorry.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList is-active">
                  <ul class="reactionSummary th_reactplus_reactionSummary--condensed">
                   <li>
                    <span class="reaction reaction--small reaction--1" data-reaction-id="1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                    </span>
                   </li>
                  </ul>
                  <span class="u-srOnly">
                   Reactions:
                  </span>
                  <a class="reactionsBar-link" data-cache="false" data-xf-click="overlay" href="/posts/1229654/reactions">
                   <bdi>
                    f95zoneuser463
                   </bdi>
                  </a>
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1229654" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1229654/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1229654" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1229654" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1229654/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1229654" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1229654/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1237353" id="js-post-1237353">
              <span class="u-anchorTarget" id="post-1237353">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </div>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-1237353" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 1, 2018" data-time="1541024906" data-time-string="6:28 AM" datetime="2018-11-01T06:28:26+0800" dir="auto" title="Nov 1, 2018 at 6:28 AM">
                     Nov 1, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1237353/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-1237353" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1237353/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-1237353" rel="nofollow">
                     #3
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Nov 1, 2018 at 6:28 AM" data-lb-id="post-1237353">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Found this with similar code:
                     <br/>
                     <a class="link link--external" href="https://lemmasoft.renai.us/forums/viewtopic.php?t=19572" rel="nofollow noopener" target="_blank">
                      https://lemmasoft.renai.us/forums/viewtopic.php?t=19572
                     </a>
                     <br/>
                     <br/>
                     I've tried a mix of displayable and screen. This is how far I got:
                     <br/>
                     <div class="bbCodeSpoiler">
                      <button class="bbCodeSpoiler-button button--longText button" data-xf-click="toggle" type="button">
                       <span class="button-text">
                        <span>
                         Spoiler:
                         <span class="bbCodeSpoiler-button-title">
                          broken garbage script
                         </span>
                        </span>
                       </span>
                      </button>
                      <div class="bbCodeSpoiler-content">
                       <div class="bbCodeBlock bbCodeBlock--spoiler">
                        <div class="bbCodeBlock-content">
                         <span style="color: #00ff00">
                          <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                           <div class="bbCodeBlock-title">
                            Code:
                           </div>
                           <div class="bbCodeBlock-content" dir="ltr">
                            <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>define d = Character("The poor developer")
define c = Character("Cat")

init python:
    class MousePos(renpy.Displayable):
        x = 0
        y = 0
        eventtype = None
    
        def __init__(self, **kwargs):
            super(MousePos, self).__init__(**kwargs)

        def render(self, width, height, st, at):
            return renpy.Render(1,1)

        def event(self, ev, x, y, st):
            import pygame
            #print("eventtype="+str(ev.type)+" ("+str(x)+","+str(y)+")")

            if ev.type != pygame.MOUSEMOTION:
                return None
            self.x = x
            self.y = y
            self.eventtype = str(ev.type)
            renpy.redraw(self, 0)

define mousepos = MousePos()

screen s_tooltip():
    add mousepos
    # $ tooltip = GetTooltip()
    # if tooltip:
        #frame:
        # fixed:
        #     xpos mousepos.x
        #     ypos mousepos.y
        # text "[tooltip] ([mousepos.x],[mousepos.y]) [mousepos.eventtype]" xpos mousepos.x ypos mousepos.y
        # $ print(str(mousepos.x)+","+str(mousepos.y))
    text "TEST-TOOLTIP ([mousepos.x],[mousepos.y]) [mousepos.eventtype]" xpos mousepos.x ypos mousepos.y

screen s_room():
    layer "master"
 
    textbutton "object to test top right corner":
                        xpos 1420 ypos 0   action Return("picture") tooltip "Picture"
    textbutton "object" xpos 1200 ypos 800 action Return("cat")     tooltip "Cat"
    textbutton "object" xpos  500 ypos 600 action Return("keys")    tooltip "Keys"
    textbutton "object" xpos  400 ypos 800 action Return("switch")  tooltip "Switch"
    textbutton "object" xpos 1200 ypos 900 action Return("chair")   tooltip "Chair"
    use s_tooltip

label start:
    d "Damn it! It's midnight and they cut the power! I couldn't afford to pay the powerbill ..."
    d "I need to find the garage keys! I will set up my giant hamsterwheel as powergenerator! That's the only way I can keep working on my Visual Novel."
 
label find_keys:
    call screen s_room()
    if _return == "keys":
        d "Wohoo! I found them!"
        return
    elif _return == "picture":
        d "My poster of Miss Super Sexy World Mega Champion Over the Max 9000! ... to bad I can't see sh*t!"
    elif _return == "cat":
        c "Meeeooooww! ... Feed me!"
        d "Did you just say 'feed me'? ... Cats don't speak!"
        c "Okay ... Meow!"
        d "Just wait until I find my whip and the hamsterwheel!"
    elif _return == "switch":
        d "It's not working ..."
    jump find_keys</code></pre>
                           </div>
                          </div>
                         </span>
                        </div>
                       </div>
                      </div>
                     </div>
                     I can't figure out why the Text doesn't move to the x/y position. Maybe something with screen updates ...
                     <br/>
                     <br/>
                     4th attempt:
                     <br/>
                     A displayable renders the tooltip, it does not use the legacy Tooltip-class, has no action and GetTooltip() instead. I just would like to have the background rectangle somewhat bigger and can't find a way to do this in the displayable. I've tried a bunch of style-variable on the 'Fixed' and 'Text' ... most things don't have any effect.
                     <br/>
                     <div class="bbCodeSpoiler">
                      <button class="bbCodeSpoiler-button button--longText button" data-xf-click="toggle" type="button">
                       <span class="button-text">
                        <span>
                         Spoiler:
                         <span class="bbCodeSpoiler-button-title">
                          working code
                         </span>
                        </span>
                       </span>
                      </button>
                      <div class="bbCodeSpoiler-content">
                       <div class="bbCodeBlock bbCodeBlock--spoiler">
                        <div class="bbCodeBlock-content">
                         <span style="color: #00ff00">
                          <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                           <div class="bbCodeBlock-title">
                            Code:
                           </div>
                           <div class="bbCodeBlock-content" dir="ltr">
                            <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>define d = Character("The poor developer")

define c = Character("Cat")

init python:
    class MouseTooltip(renpy.Displayable):

        def __init__(self, **kwargs):
            super(renpy.Displayable, self).__init__(**kwargs)
            self.text = Text("")
            self.text.style.bold = True
            self.text.style.size = 46
            self.x = 0
            self.y = 0

        def render(self, width, height, st, at):
            w, h = self.text.size()
            render = renpy.Render(w, h)
        
            # if tooltip is close to the top or right side make sure it stays on the screen
            x = self.x
            if x &gt; config.screen_width - w:
                x = config.screen_width - w
          
            y = self.y-h # -h to place text above cursor
            if y &lt; 0:
                y = 0

            fixed = Fixed(Color("#7777")) # fixed = transparent background rectangle
            fixed.add(self.text)
            #fixed.add(Text("UNCOMMENT TO SEE WHEN TOOLTIP REDRAWS"))
            render.place(fixed, x, y)
            return render

        def event(self, ev, x, y, st):
            import pygame
            # ignore all events except MOUSEMOTION
            # not sure whether events like MOUSEBUTTONDOWN update the position too and should therefore be added here?!
            if ev.type != pygame.MOUSEMOTION:
                return None
            self.x = x
            self.y = y
            tooltip = GetTooltip()
            if tooltip:
                #self.text.text = tooltip  # does not work, won't update the text
                self.text = Text(tooltip)
                renpy.redraw(self, 0)
            elif self.text.text != [""]: # avoid unnecessary redraw calls
                self.text = Text("") # if there is no tooltip then clear the text just once
                renpy.redraw(self, 0)

define mousetooltip = MouseTooltip()

screen s_room():
    layer "master"
    textbutton "object to test top right corner":
                        xpos 1420 ypos 0   action Return("picture") tooltip "Picture"
    textbutton "object" xpos 1200 ypos 800 action Return("cat")     tooltip "Cat"
    textbutton "object" xpos  500 ypos 600 action Return("keys")    tooltip "Keys"
    textbutton "object" xpos  400 ypos 800 action Return("switch")  tooltip "Switch"
    textbutton "object" xpos 1200 ypos 900 action Return("chair")   tooltip "Chair"
    add mousetooltip

label start:
    d "Damn it! It's midnight and they cut the power! I couldn't afford to pay the powerbill ..."
    d "I need to find the garage keys! I will set up my giant hamsterwheel as powergenerator! That's the only way I can keep working on my Visual Novel."
 
label find_keys:
    call screen s_room()
    if _return == "keys":
        d "Wohoo! I found them!"
        return
    elif _return == "picture":
        d "My poster of Miss Super Sexy World Mega Champion Over the Max 9000! ... to bad I can't see sh*t!"
    elif _return == "cat":
        c "Meeeooooww! ... Feed me!"
        d "Did you just say 'feed me'? ... Cats don't speak!"
        c "Okay ... Meow!"
        d "Just wait until I find my whip and the hamsterwheel!"
    elif _return == "switch":
        d "It's not working ..."
    jump find_keys</code></pre>
                           </div>
                          </div>
                         </span>
                        </div>
                       </div>
                      </div>
                     </div>
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList is-active">
                  <ul class="reactionSummary th_reactplus_reactionSummary--condensed">
                   <li>
                    <span class="reaction reaction--small reaction--1" data-reaction-id="1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                    </span>
                   </li>
                  </ul>
                  <span class="u-srOnly">
                   Reactions:
                  </span>
                  <a class="reactionsBar-link" data-cache="false" data-xf-click="overlay" href="/posts/1237353/reactions">
                   <bdi>
                    Lewd Tracker
                   </bdi>
                  </a>
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1237353" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1237353/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1237353" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1237353" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1237353/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1237353" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1237353/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-1237376" id="js-post-1237376">
              <span class="u-anchorTarget" id="post-1237376">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-1237376" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 1, 2018" data-time="1541025483" data-time-string="6:38 AM" datetime="2018-11-01T06:38:03+0800" dir="auto" title="Nov 1, 2018 at 6:38 AM">
                     Nov 1, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1237376/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-1237376" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1237376/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-1237376" rel="nofollow">
                     #4
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Nov 1, 2018 at 6:38 AM" data-lb-id="post-1237376">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1237353" data-xf-click="attribution" href="/goto/post?id=1237353">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        I just would like to have the background rectangle somewhat bigger [...]
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>            fixed = Fixed(Color("#7777"), size=(200,100))</code></pre>
                      </div>
                     </div>
                     If this don't works, perhaps that :
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>            fixed = Fixed( Color("#7777"), background=Frame( Solid( "#7777" ), size=(200,100) ))</code></pre>
                      </div>
                     </div>
                     will do it. But well, it's really messed since you add a background over the initial one.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList is-active">
                  <ul class="reactionSummary th_reactplus_reactionSummary--condensed">
                   <li>
                    <span class="reaction reaction--small reaction--1" data-reaction-id="1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                    </span>
                   </li>
                  </ul>
                  <span class="u-srOnly">
                   Reactions:
                  </span>
                  <a class="reactionsBar-link" data-cache="false" data-xf-click="overlay" href="/posts/1237376/reactions">
                   <bdi>
                    f95zoneuser463
                   </bdi>
                  </a>
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1237376" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1237376/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1237376" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1237376" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1237376/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1237376" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1237376/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message-threadStarterPost message--post js-post js-inlineModContainer" data-author="f95zoneuser463" data-content="post-1237546" id="js-post-1237546">
              <span class="u-anchorTarget" id="post-1237546">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="164782" data-xf-init="member-tooltip" href="/members/f95zoneuser463.164782/">
                    <img alt="f95zoneuser463" class="avatar-u164782-m" itemprop="image" src="/data/avatars/m/164/164782.jpg?1524792608" srcset="/data/avatars/l/164/164782.jpg?1524792608 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                     <img class="xfa_cui_srv" src="/data/xfa/customusernameicons/icons/star.png" style="padding-right: 2px; height: 12px;"/>
                     <span style="color: rgb(162, 0, 255);">
                      <a class="username" data-user-id="164782" data-xf-init="member-tooltip" dir="auto" href="/members/f95zoneuser463.164782/" itemprop="name">
                       f95zoneuser463
                      </a>
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner .userBanner GameDeveloper message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Game Developer
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Aug 15, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     219
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     1,024
                    </dd>
                   </dl>
                   <div class="f95-support-btns">
                    <a class="f95-patreon-btn" href="https://www.patreon.com/devonart" rel="noopener noreferrer" target="_blank">
                     <span>
                     </span>
                    </a>
                   </div>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-1237546" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 1, 2018" data-time="1541029236" data-time-string="7:40 AM" datetime="2018-11-01T07:40:36+0800" dir="auto" title="Nov 1, 2018 at 7:40 AM">
                     Nov 1, 2018
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/1237546/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-1237546" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/1237546/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-1237546" rel="nofollow">
                     #5
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="f95zoneuser463 · Nov 1, 2018 at 7:40 AM" data-lb-id="post-1237546">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     Finally got it working the way I want ... your post helped, I was so focused on trying to change styles on the 'Fixed'- and 'Text'-objects AFTER I created them ... did not even realize I can do it WHILE creating them using the parameters ... yeah I know ... facepalm ... I need sleep *insert homer simpson doh here*
                     <img alt=":rolleyes:" class="smilie smilie--sprite smilie--sprite677" data-shortname=":rolleyes:" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Roll eyes    :rolleyes:"/>
                     <br/>
                     <br/>
                     <span style="color: #00ff00">
                      <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                       <div class="bbCodeBlock-title">
                        Code:
                       </div>
                       <div class="bbCodeBlock-content" dir="ltr">
                        <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>init python:
    class MouseTooltip(renpy.Displayable):

        def __init__(self, **kwargs):
            super(renpy.Displayable, self).__init__(**kwargs)
            self.text = Text("")
            self.textsize = 36
            self.textcolor = Color("#FFF")
            self.padding = 10
            self.bold = True
            self.backgroundcolor = Color("#7777") # use something like #0007 for real VN
            self.x = 0
            self.y = 0

        def render(self, width, height, st, at):
            # avoid to render an empty rectangle when the text got cleared
            if self.text.text != [""]:
                w, h = self.text.size()
                render = renpy.Render(w, h)

                # if tooltip is close to the top or right side make sure it stays on the screen
                x = self.x + self.padding
                if x &gt; config.screen_width - w - self.padding:
                    x = config.screen_width - w - self.padding
                
                y = self.y-h-self.padding*2 # -h to place text above cursor
                if y &lt; 0:
                    y = 0


                # fixed = transparent background rectangle
                fixed = Fixed(self.backgroundcolor, xpos=-self.padding, xsize=int(w)+self.padding*2, ysize=int(h)+self.padding*2)
                fixed.add(self.text)
                render.place(fixed, x, y)
                return render
            return renpy.Render(1, 1)

        def event(self, ev, x, y, st):
            import pygame
            # ignore all events except MOUSEMOTION
            # not sure whether events like MOUSEBUTTONDOWN update the position too and should therefore be added here?!
            if ev.type != pygame.MOUSEMOTION:
                return None
            self.x = x
            self.y = y
            tooltip = GetTooltip()
            if tooltip:
                self.text = Text(tooltip, size=self.textsize, color=self.textcolor, xpos=self.padding, ypos=self.padding, bold=self.bold)
                renpy.redraw(self, 0)
            elif self.text.text != [""]: # avoid unnecessary redraw calls
                self.text = Text("") # if there is no tooltip clear the text just once
                renpy.redraw(self, 0)

define mousetooltip = MouseTooltip()</code></pre>
                       </div>
                      </div>
                     </span>
                     Edit:
                     <br/>
                     There is a minor bug with this mousetooltip: It's not being cleared if the player doesn't move the mouse.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList is-active">
                  <ul class="reactionSummary th_reactplus_reactionSummary--condensed">
                   <li>
                    <span class="reaction reaction--small reaction--1" data-reaction-id="1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                    </span>
                   </li>
                  </ul>
                  <span class="u-srOnly">
                   Reactions:
                  </span>
                  <a class="reactionsBar-link" data-cache="false" data-xf-click="overlay" href="/posts/1237546/reactions">
                   <bdi>
                    smix8
                   </bdi>
                   and
                   <bdi>
                    anne O'nymous
                   </bdi>
                  </a>
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="1237546" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/1237546/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="1237546" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1237546" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/1237546/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=1237546" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/1237546/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Kakimito" data-content="post-9444046" id="js-post-9444046">
              <span class="u-anchorTarget" id="post-9444046">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="4601061" data-xf-init="member-tooltip" href="/members/kakimito.4601061/" style="background-color: #01579b; color: #80d8ff">
                    <span class="avatar-u4601061-m">
                     K
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="4601061" data-xf-init="member-tooltip" dir="auto" href="/members/kakimito.4601061/" itemprop="name">
                     Kakimito
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jan 25, 2022
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     109
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     66
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-9444046" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 22, 2022" data-time="1669111174" data-time-string="5:59 PM" datetime="2022-11-22T17:59:34+0800" dir="auto" title="Nov 22, 2022 at 5:59 PM">
                     Nov 22, 2022
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/9444046/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-9444046" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/9444046/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-9444046" rel="nofollow">
                     #6
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Kakimito · Nov 22, 2022 at 5:59 PM" data-lb-id="post-9444046">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-1237546" data-xf-click="attribution" href="/goto/post?id=1237546">
                        f95zoneuser463 said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Finally got it working the way I want ... your post helped, I was so focused on trying to change styles on the 'Fixed'- and 'Text'-objects AFTER I created them ... did not even realize I can do it WHILE creating them using the parameters ... yeah I know ... facepalm ... I need sleep *insert homer simpson doh here*
                        <img alt=":rolleyes:" class="smilie smilie--sprite smilie--sprite677" data-shortname=":rolleyes:" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Roll eyes    :rolleyes:"/>
                        <br/>
                        <br/>
                        <span style="color: #00ff00">
                         <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                          <div class="bbCodeBlock-title">
                           Code:
                          </div>
                          <div class="bbCodeBlock-content" dir="ltr">
                           <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>init python:
    class MouseTooltip(renpy.Displayable):

        def __init__(self, **kwargs):
            super(renpy.Displayable, self).__init__(**kwargs)
            self.text = Text("")
            self.textsize = 36
            self.textcolor = Color("#FFF")
            self.padding = 10
            self.bold = True
            self.backgroundcolor = Color("#7777") # use something like #0007 for real VN
            self.x = 0
            self.y = 0

        def render(self, width, height, st, at):
            # avoid to render an empty rectangle when the text got cleared
            if self.text.text != [""]:
                w, h = self.text.size()
                render = renpy.Render(w, h)

                # if tooltip is close to the top or right side make sure it stays on the screen
                x = self.x + self.padding
                if x &gt; config.screen_width - w - self.padding:
                    x = config.screen_width - w - self.padding
                
                y = self.y-h-self.padding*2 # -h to place text above cursor
                if y &lt; 0:
                    y = 0


                # fixed = transparent background rectangle
                fixed = Fixed(self.backgroundcolor, xpos=-self.padding, xsize=int(w)+self.padding*2, ysize=int(h)+self.padding*2)
                fixed.add(self.text)
                render.place(fixed, x, y)
                return render
            return renpy.Render(1, 1)

        def event(self, ev, x, y, st):
            import pygame
            # ignore all events except MOUSEMOTION
            # not sure whether events like MOUSEBUTTONDOWN update the position too and should therefore be added here?!
            if ev.type != pygame.MOUSEMOTION:
                return None
            self.x = x
            self.y = y
            tooltip = GetTooltip()
            if tooltip:
                self.text = Text(tooltip, size=self.textsize, color=self.textcolor, xpos=self.padding, ypos=self.padding, bold=self.bold)
                renpy.redraw(self, 0)
            elif self.text.text != [""]: # avoid unnecessary redraw calls
                self.text = Text("") # if there is no tooltip clear the text just once
                renpy.redraw(self, 0)

define mousetooltip = MouseTooltip()</code></pre>
                          </div>
                         </div>
                        </span>
                        Edit:
                        <br/>
                        There is a minor bug with this mousetooltip: It's not being cleared if the player doesn't move the mouse.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Im "kinda" late but not cleared tooltip on mouse click can be fixed by changing event function to this
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>def event(self, ev, x, y, st):
            import pygame
            if ev.type == pygame.MOUSEBUTTONUP:
                self.text = Text("")
                renpy.redraw(self, 0)
            if ev.type != pygame.MOUSEMOTION:
                return None
            self.x = x
            self.y = y
            tooltip = GetTooltip()
            if tooltip:
                self.text = Text(tooltip, size=self.textsize, color=self.textcolor, xpos=self.padding, ypos=self.padding, bold=self.bold)
                renpy.redraw(self, 0)
            elif self.text.text != [""]:
                self.text = Text("")
                renpy.redraw(self, 0)</code></pre>
                      </div>
                     </div>
                     it simply detects any mouse click. if you want it to detect certain button clicks you can replace third line with something like this
                     <br/>
                     <div class="bbCodeBlock bbCodeBlock--screenLimited bbCodeBlock--code">
                      <div class="bbCodeBlock-title">
                       Code:
                      </div>
                      <div class="bbCodeBlock-content" dir="ltr">
                       <pre class="bbCodeCode" data-lang="" data-xf-init="code-block" dir="ltr"><code>if (ev.type == pygame.MOUSEBUTTONUP) and (ev.button == 7):</code></pre>
                      </div>
                     </div>
                     where 7 is any mouse button (LMB is 1 and RMB is 3 for example)
                     <br/>
                     there may be some other bugs tho
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="9444046" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/9444046/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="9444046" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9444046" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/9444046/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9444046" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/9444046/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-9444897" id="js-post-9444897">
              <span class="u-anchorTarget" id="post-9444897">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-9444897" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 22, 2022" data-time="1669122395" data-time-string="9:06 PM" datetime="2022-11-22T21:06:35+0800" dir="auto" title="Nov 22, 2022 at 9:06 PM">
                     Nov 22, 2022
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/9444897/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-9444897" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/9444897/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-9444897" rel="nofollow">
                     #7
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Nov 22, 2022 at 9:06 PM" data-lb-id="post-9444897">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-9444046" data-xf-click="attribution" href="/goto/post?id=9444046">
                        Kakimito said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Im "kinda" late
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Just four years, a trifle.
                     <br/>
                     <br/>
                     <br/>
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-9444046" data-xf-click="attribution" href="/goto/post?id=9444046">
                        Kakimito said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        but not cleared tooltip on mouse click can be fixed by changing event function to this
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Except that at this time Ren'Py still only had what is now the legacy version of the tooltip ; therefore a class generally declared in the screen, and then only available from it.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="9444897" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/9444897/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="9444897" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9444897" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/9444897/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9444897" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/9444897/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Kakimito" data-content="post-9448978" id="js-post-9448978">
              <span class="u-anchorTarget" id="post-9448978">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="4601061" data-xf-init="member-tooltip" href="/members/kakimito.4601061/" style="background-color: #01579b; color: #80d8ff">
                    <span class="avatar-u4601061-m">
                     K
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="4601061" data-xf-init="member-tooltip" dir="auto" href="/members/kakimito.4601061/" itemprop="name">
                     Kakimito
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jan 25, 2022
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     109
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     66
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-9448978" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 23, 2022" data-time="1669167092" data-time-string="9:31 AM" datetime="2022-11-23T09:31:32+0800" dir="auto" title="Nov 23, 2022 at 9:31 AM">
                     Nov 23, 2022
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/9448978/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-9448978" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/9448978/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-9448978" rel="nofollow">
                     #8
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Kakimito · Nov 23, 2022 at 9:31 AM" data-lb-id="post-9448978">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-9444897" data-xf-click="attribution" href="/goto/post?id=9444897">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Just four years, a trifle.
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                        Except that at this time Ren'Py still only had what is now the legacy version of the tooltip ; therefore a class generally declared in the screen, and then only available from it.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     Uh... What do you mean? I'm talking about the second part of your message
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="9448978" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/9448978/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="9448978" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9448978" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/9448978/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9448978" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/9448978/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="anne O'nymous" data-content="post-9449006" id="js-post-9449006">
              <span class="u-anchorTarget" id="post-9449006">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m" data-user-id="63812" data-xf-init="member-tooltip" href="/members/anne-onymous.63812/">
                    <img alt="anne O'nymous" class="avatar-u63812-m" itemprop="image" src="/data/avatars/m/63/63812.jpg?1507736890" srcset="/data/avatars/l/63/63812.jpg?1507736890 2x"/>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="63812" data-xf-init="member-tooltip" dir="auto" href="/members/anne-onymous.63812/" itemprop="name">
                     <span class="username--style15">
                      anne O'nymous
                     </span>
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    I'm not grumpy, I'm just coded that way.
                   </h5>
                   <div class="userBanner userBanner userBanner--green message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Modder
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner .userBanner Donor message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Donor
                     <i class="fa fa-coffee">
                     </i>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner userBanner userBanner--orange message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                     Respected User
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jun 11, 2017
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     10,727
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     15,771
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-9449006" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 23, 2022" data-time="1669167477" data-time-string="9:37 AM" datetime="2022-11-23T09:37:57+0800" dir="auto" title="Nov 23, 2022 at 9:37 AM">
                     Nov 23, 2022
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/9449006/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-9449006" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/9449006/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-9449006" rel="nofollow">
                     #9
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="anne O'nymous · Nov 23, 2022 at 9:37 AM" data-lb-id="post-9449006">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-9448978" data-xf-click="attribution" href="/goto/post?id=9448978">
                        Kakimito said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        Uh... What do you mean? I'm talking about the second part of your message
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     When this discussion happened,
                     <code class="bbCodeInline">
                      GetTooltip
                     </code>
                     don't existed yet. At this time, to have tooltips, you needed to use what is now the "legacy method". Therefore you had to create a
                     <code class="bbCodeInline">
                      Tooltip
                     </code>
                     object, and set it's content through the
                     <code class="bbCodeInline">
                      hovered
                     </code>
                     button property.
                     <br/>
                     And usually this object what created directly in the screen, with
                     <code class="bbCodeInline">
                      default tt = Tooltip("")
                     </code>
                     , what mean that it wasn't available outside of the screen scope ; scope unavailable from a custom displayable.
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                  <aside class="message-signature">
                   <div class="uix_signatureExpand">
                    Expand Signature
                   </div>
                   <div class="bbWrapper">
                    Ren'py:
                    <a class="link link--external" href="https://f95zone.com/threads/5676/" rel="nofollow noopener" target="_blank">
                     Track variables
                    </a>
                    -
                    <a class="link link--external" href="https://f95zone.com/threads/16011/" rel="nofollow noopener" target="_blank">
                     Save compatibiliy
                    </a>
                    -
                    <a class="link link--internal" href="https://f95zone.to/threads/125005/">
                     Track labels
                    </a>
                    <span style="color: rgb(41, 105, 176)">
                     Updated
                    </span>
                    <br/>
                    <a class="link link--internal" href="https://f95zone.to/threads/99929/">
                     Write a dynamic Ren'Py game
                    </a>
                   </div>
                  </aside>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="9449006" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/9449006/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="9449006" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9449006" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/9449006/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9449006" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/9449006/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
             <article class="message message--post js-post js-inlineModContainer" data-author="Kakimito" data-content="post-9451772" id="js-post-9451772">
              <span class="u-anchorTarget" id="post-9451772">
              </span>
              <div class="message-inner">
               <div class="message-cell message-cell--user">
                <section class="message-user userExtra--expand" itemscope="" itemtype="https://schema.org/Person">
                 <div class="message-avatar">
                  <div class="message-avatar-wrapper">
                   <a class="avatar avatar--m avatar--default avatar--default--dynamic" data-user-id="4601061" data-xf-init="member-tooltip" href="/members/kakimito.4601061/" style="background-color: #01579b; color: #80d8ff">
                    <span class="avatar-u4601061-m">
                     K
                    </span>
                   </a>
                  </div>
                 </div>
                 <div class="uix_messagePostBitWrapper">
                  <div class="message-userDetails">
                   <h4 class="message-name">
                    <a class="username" data-user-id="4601061" data-xf-init="member-tooltip" dir="auto" href="/members/kakimito.4601061/" itemprop="name">
                     Kakimito
                    </a>
                   </h4>
                   <h5 class="userTitle message-userTitle" dir="auto" itemprop="jobTitle">
                    Member
                   </h5>
                   <div class="userBanner message-userBanner" itemprop="jobTitle">
                    <span class="userBanner-before">
                    </span>
                    <strong>
                    </strong>
                    <span class="userBanner-after">
                    </span>
                   </div>
                  </div>
                  <div class="message-userExtras">
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Joined">
                      <i aria-hidden="true" class="fa--xf fas fa-user uix_icon uix_icon--user">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     Jan 25, 2022
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Messages">
                      <i aria-hidden="true" class="fa--xf fas fa-comments uix_icon uix_icon--messages">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     109
                    </dd>
                   </dl>
                   <dl class="pairs pairs--justified">
                    <dt>
                     <span data-xf-init="tooltip" title="Likes">
                      <i aria-hidden="true" class="fa--xf fas fa-thumbs-up uix_icon uix_icon--like">
                      </i>
                     </span>
                    </dt>
                    <dd>
                     66
                    </dd>
                   </dl>
                  </div>
                 </div>
                 <span class="message-userArrow">
                 </span>
                </section>
               </div>
               <div class="message-cell message-cell--main">
                <div class="message-main uix_messageContent js-quickEditTarget">
                 <header class="message-attribution message-attribution--split">
                  <div class="message-attribution-main">
                   <a class="u-concealed" href="/threads/tooltip-following-mousecursor.19816/post-9451772" rel="nofollow">
                    <time class="u-dt" data-date-string="Nov 23, 2022" data-time="1669212622" data-time-string="10:10 PM" datetime="2022-11-23T22:10:22+0800" dir="auto" title="Nov 23, 2022 at 10:10 PM">
                     Nov 23, 2022
                    </time>
                   </a>
                  </div>
                  <ul class="message-attribution-opposite message-attribution-opposite--list">
                   <li>
                    <a data-href="/posts/9451772/share" data-xf-init="share-tooltip" href="/threads/tooltip-following-mousecursor.19816/post-9451772" rel="nofollow">
                     <i aria-hidden="true" class="fa--xf fas fa-share-alt uix_icon uix_icon--share">
                     </i>
                    </a>
                   </li>
                   <li>
                    <a class="bookmarkLink bookmarkLink--highlightable" data-label=".js-bookmarkText" data-sk-bookmarked="addClass:is-bookmarked, Edit bookmark" data-sk-bookmarkremoved="removeClass:is-bookmarked, Add bookmark" data-xf-click="bookmark-click" href="/posts/9451772/bookmark" title="Bookmark">
                     <span class="js-bookmarkText u-srOnly">
                      Add bookmark
                     </span>
                    </a>
                   </li>
                   <li>
                    <a href="/threads/tooltip-following-mousecursor.19816/post-9451772" rel="nofollow">
                     #10
                    </a>
                   </li>
                  </ul>
                 </header>
                 <div class="message-content js-messageContent">
                  <div class="message-userContent lbContainer js-lbContainer" data-lb-caption-desc="Kakimito · Nov 23, 2022 at 10:10 PM" data-lb-id="post-9451772">
                   <article class="message-body js-selectToQuote">
                    <div class="bbWrapper">
                     <blockquote class="bbCodeBlock bbCodeBlock--expandable bbCodeBlock--quote">
                      <div class="bbCodeBlock-title">
                       <a class="bbCodeBlock-sourceJump" data-content-selector="#post-9449006" data-xf-click="attribution" href="/goto/post?id=9449006">
                        anne O'nymous said:
                       </a>
                      </div>
                      <div class="bbCodeBlock-content">
                       <div class="bbCodeBlock-expandContent">
                        When this discussion happened,
                        <code class="bbCodeInline">
                         GetTooltip
                        </code>
                        don't existed yet. At this time, to have tooltips, you needed to use what is now the "legacy method". Therefore you had to create a
                        <code class="bbCodeInline">
                         Tooltip
                        </code>
                        object, and set it's content through the
                        <code class="bbCodeInline">
                         hovered
                        </code>
                        button property.
                        <br/>
                        And usually this object what created directly in the screen, with
                        <code class="bbCodeInline">
                         default tt = Tooltip("")
                        </code>
                        , what mean that it wasn't available outside of the screen scope ; scope unavailable from a custom displayable.
                       </div>
                       <div class="bbCodeBlock-expandLink">
                        <a>
                         Click to expand...
                        </a>
                       </div>
                      </div>
                     </blockquote>
                     do you remember which version of renpy was latest one back then?
                    </div>
                    <div class="js-selectToQuoteEnd">
                    </div>
                   </article>
                  </div>
                 </div>
                 <div class="reactionsBar js-reactionsList">
                 </div>
                 <footer class="message-footer">
                  <div class="message-actionBar actionBar">
                   <div class="actionBar-set actionBar-set--external">
                    <a class="reaction reaction--small actionBar-action actionBar-action--reaction reaction--imageHidden reaction--1" data-reaction-id="1" data-reaction-list="&lt; .js-post | .js-reactionsList" data-th-react-plus-content-id="9451772" data-th-react-plus-content-type="post" data-xf-init="reaction" href="/posts/9451772/react?reaction_id=1">
                     <i aria-hidden="true">
                     </i>
                     <img alt="Like" class="reaction-sprite js-reaction" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Like"/>
                     <span class="reaction-text js-reactionText">
                      <bdi>
                       Like
                      </bdi>
                     </span>
                    </a>
                    <a class="actionBar-action actionBar-action--mq u-jsOnly js-multiQuote" data-message-id="9451772" data-mq-action="add" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9451772" title="Toggle multi-quote">
                     Quote
                    </a>
                    <a class="actionBar-action actionBar-action--reply" data-quote-href="/posts/9451772/quote" data-xf-click="quote" href="/threads/tooltip-following-mousecursor.19816/reply?quote=9451772" title="Reply, quoting this message">
                     Reply
                    </a>
                   </div>
                   <div class="actionBar-set actionBar-set--internal">
                    <a class="actionBar-action actionBar-action--report" data-xf-click="overlay" href="/posts/9451772/report">
                     Report
                    </a>
                   </div>
                  </div>
                  <div class="js-historyTarget message-historyTarget toggleTarget" data-href="trigger-href">
                  </div>
                 </footer>
                </div>
               </div>
              </div>
             </article>
            </div>
           </div>
           <div class="block-outer block-outer--after">
            <div class="block-outer-opposite">
             <a class="showIgnoredLink is-hidden js-showIgnored" data-xf-init="tooltip" href="javascript:" title="Show hidden content by {{names}}">
              Show ignored content
             </a>
            </div>
            <div class="block-outer-opposite">
             <a class="th_reactplus_showHiddenLink js-thReactPlusShowHidden is-hidden" data-xf-init="tooltip" href="javascript:void(0)" title="Show hidden content by {{names}}">
              Show hidden low quality content
             </a>
            </div>
           </div>
          </div>
          <div class="blockMessage blockMessage--warning">
           <strong>
            Warning!
           </strong>
           This thread is more than 702 days old.
           <br/>
           It's likely that no further discussion is required, in which case we recommend starting a new thread. If however you feel your response is required you can still do so.
           <div class="blockMessage blockMessage--error">
            <ul class="inputChoices">
             <li class="inputChoices-choice">
              <label class="iconic">
               <input id="js-confirmOld" name="confirm" type="checkbox" value="1"/>
               <i aria-hidden="true">
               </i>
               <span class="iconic-label">
                I understand this is an old thread, but want to reply anyway
               </span>
              </label>
             </li>
            </ul>
           </div>
          </div>
          <div class="blockMessage blockMessage--none">
          </div>
          <div class="block-container block--similarContents view-thread">
           <h3 class="block-minorHeader collapseTrigger collapseTrigger--block is-active" data-storage-key="_similarThreads" data-storage-type="cookie" data-target=".block--similarContents .block-body" data-xf-click="toggle" data-xf-init="toggle-storage-ex">
            Similar threads
           </h3>
           <div class="block-body toggleTarget is-active">
            <div class="structItemContainer">
             <div class="structItemContainer-group js-threadList">
              <div class="structItem structItem--thread js-trendingThreadItem js-inlineModContainer js-threadListItem-23220" data-author="DreamLab Studio">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="715452" data-xf-init="member-tooltip" href="/members/dreamlab-studio.715452/">
                  <img alt="DreamLab Studio" class="avatar-u715452-s" src="/data/avatars/s/715/715452.jpg?1535820559" srcset="/data/avatars/m/715/715452.jpg?1535820559 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/daz-modified-clothing-not-following-figures-pose.23220/">
                 <a class="" data-preview-url="/threads/daz-modified-clothing-not-following-figures-pose.23220/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/daz-modified-clothing-not-following-figures-pose.23220/">
                  DAZ - Modified clothing not following figure's pose.
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=23220">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="715452" data-xf-init="member-tooltip" dir="auto" href="/members/dreamlab-studio.715452/">
                    DreamLab Studio
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/daz-modified-clothing-not-following-figures-pose.23220/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jan 2, 2019" data-time="1546374813" data-time-string="4:33 AM" datetime="2019-01-02T04:33:33+0800" dir="auto" title="Jan 2, 2019 at 4:33 AM">
                     Jan 2, 2019
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 0">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  8
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  1K
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/daz-modified-clothing-not-following-figures-pose.23220/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jan 3, 2019" data-time="1546466125" data-time-string="5:55 AM" datetime="2019-01-03T05:55:25+0800" dir="auto" title="Jan 3, 2019 at 5:55 AM">
                  Jan 3, 2019
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="194592" data-xf-init="member-tooltip" dir="auto" href="/members/zger.194592/">
                  zger
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="194592" data-xf-init="member-tooltip" href="/members/zger.194592/" style="background-color: #00bcd4; color: #84ffff">
                  <span class="avatar-u194592-s">
                   Z
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 js-inlineModContainer js-threadListItem-85568" data-author="JohnDupont">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="43799" data-xf-init="member-tooltip" href="/members/johndupont.43799/">
                  <img alt="JohnDupont" class="avatar-u43799-s" src="/data/avatars/s/43/43799.jpg?1544568178" srcset="/data/avatars/m/43/43799.jpg?1544568178 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/tooltip-config-menu_include_disabled-solved.85568/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=7" rel="nofollow" title="Add to filters">
                  <span class="pre-renpy" dir="auto">
                   Ren'Py
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/tooltip-config-menu_include_disabled-solved.85568/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/tooltip-config-menu_include_disabled-solved.85568/">
                  Tooltip &amp; config.menu_include_disabled [Solved]
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=85568">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="43799" data-xf-init="member-tooltip" dir="auto" href="/members/johndupont.43799/">
                    <i class="fa-fw fas fa-group" style="padding-right: 2px; color: rgb(0, 179, 255);">
                    </i>
                    <span style="color: rgb(226, 179, 234);">
                     <a class="username" data-user-id="43799" data-xf-init="member-tooltip" dir="auto" href="/members/johndupont.43799/">
                      JohnDupont
                     </a>
                    </span>
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/tooltip-config-menu_include_disabled-solved.85568/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jun 15, 2021" data-time="1623692992" data-time-string="1:49 AM" datetime="2021-06-15T01:49:52+0800" dir="auto" title="Jun 15, 2021 at 1:49 AM">
                     Jun 15, 2021
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 0">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  3
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  545
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/tooltip-config-menu_include_disabled-solved.85568/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jun 20, 2021" data-time="1624194347" data-time-string="9:05 PM" datetime="2021-06-20T21:05:47+0800" dir="auto" title="Jun 20, 2021 at 9:05 PM">
                  Jun 20, 2021
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="43799" data-xf-init="member-tooltip" dir="auto" href="/members/johndupont.43799/">
                  <i class="fa-fw fas fa-group" style="padding-right: 2px; color: rgb(0, 179, 255);">
                  </i>
                  <span style="color: rgb(226, 179, 234);">
                   <a class="username" data-user-id="43799" data-xf-init="member-tooltip" dir="auto" href="/members/johndupont.43799/">
                    JohnDupont
                   </a>
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="43799" data-xf-init="member-tooltip" href="/members/johndupont.43799/">
                  <img alt="JohnDupont" class="avatar-u43799-s" src="/data/avatars/s/43/43799.jpg?1544568178"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix33 js-inlineModContainer js-threadListItem-114436" data-author="calciumspin">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s" data-user-id="484343" data-xf-init="member-tooltip" href="/members/calciumspin.484343/">
                  <img alt="calciumspin" class="avatar-u484343-s" src="/data/avatars/s/484/484343.jpg?1642058176" srcset="/data/avatars/m/484/484343.jpg?1642058176 2x"/>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/g8-1-eyelashes-not-following-squint.114436/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=33" rel="nofollow" title="Add to filters">
                  <span class="label label--orange" dir="auto">
                   Daz
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/g8-1-eyelashes-not-following-squint.114436/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/g8-1-eyelashes-not-following-squint.114436/">
                  G8.1 eyelashes not following squint
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=114436">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="484343" data-xf-init="member-tooltip" dir="auto" href="/members/calciumspin.484343/">
                    calciumspin
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/g8-1-eyelashes-not-following-squint.114436/" rel="nofollow">
                    <time class="u-dt" data-date-string="Apr 19, 2022" data-time="1650361866" data-time-string="5:51 PM" datetime="2022-04-19T17:51:06+0800" dir="auto" title="Apr 19, 2022 at 5:51 PM">
                     Apr 19, 2022
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 0">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  3
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  647
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/g8-1-eyelashes-not-following-squint.114436/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Apr 20, 2022" data-time="1650387137" data-time-string="12:52 AM" datetime="2022-04-20T00:52:17+0800" dir="auto" title="Apr 20, 2022 at 12:52 AM">
                  Apr 20, 2022
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="484343" data-xf-init="member-tooltip" dir="auto" href="/members/calciumspin.484343/">
                  calciumspin
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs" data-user-id="484343" data-xf-init="member-tooltip" href="/members/calciumspin.484343/">
                  <img alt="calciumspin" class="avatar-u484343-s" src="/data/avatars/s/484/484343.jpg?1642058176"/>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix31 is-prefix33 js-inlineModContainer js-threadListItem-156304" data-author="Asdferman">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="265328" data-xf-init="member-tooltip" href="/members/asdferman.265328/" style="background-color: #283593; color: #8c9eff">
                  <span class="avatar-u265328-s">
                   A
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/gladiator-clothing-not-following-skeletal-mesh.156304/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=31" rel="nofollow" title="Add to filters">
                  <span class="label label--royalBlue" dir="auto">
                   Unreal Engine
                  </span>
                 </a>
                 <span class="label-append">
                 </span>
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=33" rel="nofollow" title="Add to filters">
                  <span class="label label--orange" dir="auto">
                   Daz
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/gladiator-clothing-not-following-skeletal-mesh.156304/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/gladiator-clothing-not-following-skeletal-mesh.156304/">
                  Gladiator Clothing not following skeletal mesh
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=156304">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="265328" data-xf-init="member-tooltip" dir="auto" href="/members/asdferman.265328/">
                    Asdferman
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/gladiator-clothing-not-following-skeletal-mesh.156304/" rel="nofollow">
                    <time class="u-dt" data-date-string="Apr 15, 2023" data-time="1681504843" data-time-string="4:40 AM" datetime="2023-04-15T04:40:43+0800" dir="auto" title="Apr 15, 2023 at 4:40 AM">
                     Apr 15, 2023
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 0">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  0
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  488
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest uix_posterIsUser">
                <a href="/threads/gladiator-clothing-not-following-skeletal-mesh.156304/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Apr 15, 2023" data-time="1681504843" data-time-string="4:40 AM" datetime="2023-04-15T04:40:43+0800" dir="auto" title="Apr 15, 2023 at 4:40 AM">
                  Apr 15, 2023
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="265328" data-xf-init="member-tooltip" dir="auto" href="/members/asdferman.265328/">
                  Asdferman
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="265328" data-xf-init="member-tooltip" href="/members/asdferman.265328/" style="background-color: #283593; color: #8c9eff">
                  <span class="avatar-u265328-s">
                   A
                  </span>
                 </a>
                </div>
               </div>
              </div>
              <div class="structItem structItem--thread js-trendingThreadItem is-prefix7 js-inlineModContainer js-threadListItem-164624" data-author="Khelben">
               <div class="structItem-cell structItem-cell--icon">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--s avatar--default avatar--default--dynamic" data-user-id="1068994" data-xf-init="member-tooltip" href="/members/khelben.1068994/" style="background-color: #3f51b5; color: #8c9eff">
                  <span class="avatar-u1068994-s">
                   K
                  </span>
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--main" data-xf-init="touch-proxy">
                <div class="structItem-title" uix-data-href="/threads/dual-tooltips.164624/">
                 <a class="labelLink" data-xf-init="tooltip" href="/forums/dev-help.113/?prefix_id[0]=7" rel="nofollow" title="Add to filters">
                  <span class="pre-renpy" dir="auto">
                   Ren'Py
                  </span>
                 </a>
                 <a class="" data-preview-url="/threads/dual-tooltips.164624/preview" data-tp-primary="on" data-xf-init="preview-tooltip" href="/threads/dual-tooltips.164624/">
                  Dual-Tooltips
                 </a>
                </div>
                <div class="structItem-minor">
                 <ul class="structItem-extraInfo">
                  <li>
                   <a class="tic--button button--ignoreText" data-xf-click="overlay" href="/tic-ignore/ignore?content_type=thread&amp;content_id=164624">
                    Ignore
                   </a>
                  </li>
                 </ul>
                 <ul class="structItem-parts">
                  <li>
                   <a class="username" data-user-id="1068994" data-xf-init="member-tooltip" dir="auto" href="/members/khelben.1068994/">
                    Khelben
                   </a>
                  </li>
                  <li class="structItem-startDate">
                   <a href="/threads/dual-tooltips.164624/" rel="nofollow">
                    <time class="u-dt" data-date-string="Jun 22, 2023" data-time="1687428132" data-time-string="6:02 PM" datetime="2023-06-22T18:02:12+0800" dir="auto" title="Jun 22, 2023 at 6:02 PM">
                     Jun 22, 2023
                    </time>
                   </a>
                  </li>
                 </ul>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--meta" title="First message reaction score: 0">
                <dl class="pairs pairs--justified">
                 <dt>
                  Replies
                 </dt>
                 <dd>
                  3
                 </dd>
                </dl>
                <dl class="pairs pairs--justified structItem-minor">
                 <dt>
                  Views
                 </dt>
                 <dd>
                  460
                 </dd>
                </dl>
               </div>
               <div class="structItem-cell structItem-cell--latest">
                <a href="/threads/dual-tooltips.164624/latest" rel="nofollow">
                 <time class="structItem-latestDate u-dt" data-date-string="Jun 23, 2023" data-time="1687512147" data-time-string="5:22 PM" datetime="2023-06-23T17:22:27+0800" dir="auto" title="Jun 23, 2023 at 5:22 PM">
                  Jun 23, 2023
                 </time>
                </a>
                <div class="structItem-minor">
                 <a class="username" data-user-id="1068994" data-xf-init="member-tooltip" dir="auto" href="/members/khelben.1068994/">
                  Khelben
                 </a>
                </div>
               </div>
               <div class="structItem-cell structItem-cell--icon structItem-cell--iconEnd">
                <div class="structItem-iconContainer">
                 <a class="avatar avatar--xxs avatar--default avatar--default--dynamic" data-user-id="1068994" data-xf-init="member-tooltip" href="/members/khelben.1068994/" style="background-color: #3f51b5; color: #8c9eff">
                  <span class="avatar-u1068994-s">
                   K
                  </span>
                 </a>
                </div>
               </div>
              </div>
             </div>
            </div>
           </div>
          </div>
         </div>
         <!-- BELOW MAIN CONTENT -->
        </div>
       </div>
      </div>
      <div class="breadcrumb block p-breadcrumb--bottom">
       <div class="pageContent">
        <ul class="p-breadcrumbs p-breadcrumbs--bottom" itemscope="" itemtype="https://schema.org/BreadcrumbList">
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/" itemprop="item">
           <span itemprop="name">
            Forums
           </span>
          </a>
          <meta content="1" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/categories/development.72/" itemprop="item">
           <span itemprop="name">
            Development
           </span>
          </a>
          <meta content="2" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/forums/programming-development-art.73/" itemprop="item">
           <span itemprop="name">
            Programming, Development &amp; Art
           </span>
          </a>
          <meta content="3" itemprop="position"/>
         </li>
         <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
          <a href="/forums/dev-help.113/" itemprop="item">
           <span itemprop="name">
            Dev Help
           </span>
          </a>
          <meta content="4" itemprop="position"/>
         </li>
        </ul>
       </div>
      </div>
      <div class="samBannerUnit samAlignCenter" data-position="container_breadcrumb_bottom_below">
       <div class="samItem">
        <iframe allow="autoplay; fullscreen" frameborder="0" src="https://candy.engine.adglare.net/?356780338&amp;iframe&amp;sizes=728x90&amp;ag_custom_vlmcp=e44a1cb3-639e-45f1-831b-672df53f2a57&amp;ag_custom_vlmspot=leaderboard_footer" style="width:728px; height:90px;">
        </iframe>
       </div>
      </div>
     </div>
    </div>
    <div class="uix_fabBar uix_fabBar--active">
     <div class="u-scrollButtons js-scrollButtons" data-trigger-type="both">
      <a class="button--scroll button" data-xf-click="scroll-to" href="#top">
       <span class="button-text">
        <i aria-hidden="true" class="fa--xf fas fa-arrow-up">
        </i>
        <span class="u-srOnly">
         Top
        </span>
       </span>
      </a>
      <a class="button--scroll button" data-xf-click="scroll-to" href="#footer">
       <span class="button-text">
        <i aria-hidden="true" class="fa--xf fas fa-arrow-down">
        </i>
        <span class="u-srOnly">
         Bottom
        </span>
       </span>
      </a>
     </div>
     <div class="p-title-pageAction">
      <select class="br-select input" data-deselectable="false" data-initial-rating="0" data-rating-href="/threads/tooltip-following-mousecursor.19816/br-rate" data-readonly="false" data-show-selected="true" data-vote-content='&lt;div data-href="/threads/tooltip-following-mousecursor.19816/br-user-rated" data-xf-click="overlay" data-xf-init="tooltip" title="Members who rated this thread"&gt;0 Votes&lt;/div&gt;' data-widget-class="bratr-rating" data-xf-init="rating" name="rating">
       <option value="">
       </option>
       <option value="1">
        Terrible
       </option>
       <option value="2">
        Poor
       </option>
       <option value="3">
        Average
       </option>
       <option value="4">
        Good
       </option>
       <option value="5">
        Excellent
       </option>
      </select>
     </div>
    </div>
   </div>
  </div>
  <div class="u-bottomFixer js-bottomFixTarget">
  </div>
  <form hidden="hidden" style="display:none">
   <input id="_xfClientLoadTime" name="_xfClientLoadTime" tabindex="-1" title="_xfClientLoadTime" type="text" value=""/>
  </form>
 </body>
</html>
