<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
Hello Lewis,
<div class=""><br class="">
</div>
<div class="">Apologies for the late reply.  I was able to reproduce this behavior, so it’s not incorrect usage of the widget on your part.  It looks like a bug in the widget’s JavaScript code.  I’ve entered an issue in our tracker and we’re working on getting
 this fixed.</div>
<div class=""><br class="">
</div>
<div class="">Jennifer</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
<div>
<blockquote type="cite" class="">
<div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
<div class="">
<div class="">
<blockquote type="cite" class="">
<div class="">On Sep 22, 2015, at 9:55 AM, Mcgibbney, Lewis J (398M) <<a href="mailto:Lewis.J.Mcgibbney@jpl.nasa.gov" class="">Lewis.J.Mcgibbney@jpl.nasa.gov</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; font-size: 14px; font-family: Calibri, sans-serif;" class="">
<div class="">
<div class="">
<div class="">Good Morning support@,</div>
<div class="">I’ve been using the Autocomplete widget [0] taken from the form_complete.js [1] code.</div>
<div class="">When searching across ‘<span class="pl-s">bp_form_complete-all-name</span>’ BioPortal ontologies, I notice a bug when the autocomplete widget provides autocomplete results.</div>
<div class="">The bug appears to display a mixture of HTML markup mixed into the ’name’ entity.</div>
<div class="">I’ve attached a screenshot of this for your to see what I mean.</div>
<div class="">Please also see the HTML below which shows how I am using the widget</div>
<div class=""><br class="">
</div>
<div class="">
<table class="tab-size highlight js-file-line-container" data-tab-size="8">
<tbody class="">
<tr class="">
<td id="LC1440" class="js-file-line blob-code-inner blob-code">thefacetview <span class="pl-k">
+=</span> <span class="pl-s"><span class="pl-pds">'</span><input type="text" class="facetview_freetext bp_form_complete-all-name span4" style="display:inline-block; margin:0 0 21px 0; background:<span class="pl-pds">'</span></span>
<span class="pl-k">+</span> options.searchbox_shade <span class="pl-k">+</span> <span class="pl-s">
<span class="pl-pds">'</span>;" name="q" \</span></td>
</tr>
<tr class="">
</tr>
</tbody>
</table>
<table class="tab-size highlight js-file-line-container" data-tab-size="8">
<tbody class="">
<tr class="">
</tr>
<tr class="">
<td id="LC1441" class="js-file-line blob-code-inner blob-code"><span class="pl-s">value="" placeholder="search term" data-bp_include_definitions="true" data-bp_objecttypes="class,property,individual" /><span class="pl-pds">'</span></span>;</td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1442" class="js-file-line blob-code-inner blob-code"><span class="pl-k">if</span> ( options.sharesave_link ) {</td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1443" class="js-file-line blob-code-inner blob-code">thefacetview <span class="pl-k">
+=</span> <span class="pl-s"><span class="pl-pds">'</span><a class="btn facetview_sharesave" title="share or save this search" style="margin:0 0 21px 5px;" href=""><i class="icon-share-alt"></i></a><span class="pl-pds">'</span></span>;</td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1444" class="js-file-line blob-code-inner blob-code">thefacetview <span class="pl-k">
+=</span> <span class="pl-s"><span class="pl-pds">'</span><div class="facetview_sharesavebox alert alert-info" style="display:none;"> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1445" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><button type="button" class="facetview_sharesave close">×</button> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1446" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><input type="hidden" id="q_bioportal_preferred_name"> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1447" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><input type="hidden" id="q_bioportal_concept_id"> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1448" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><input type="hidden" id="q_bioportal_ontology_id"> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1449" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><input type="hidden" id="q_bioportal_full_id"> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1450" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><p>Share or save this search:</p> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1451" class="js-file-line blob-code-inner blob-code"><span class="pl-s"><textarea class="facetview_sharesaveurl" style="width:100%;height:100px;">http://<span class="pl-pds">'</span></span>
<span class="pl-k">+</span> <span class="pl-c1">window</span>.<span class="pl-c1">location</span>.<span class="pl-c1">host</span>
<span class="pl-k">+</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1452" class="js-file-line blob-code-inner blob-code"><span class="pl-c1">window</span>.<span class="pl-c1">location</span>.<span class="pl-c1">pathname</span>
<span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>?source=<span class="pl-pds">'</span></span>
<span class="pl-k">+</span> options.querystring <span class="pl-k">+</span> <span class="pl-s">
<span class="pl-pds">'</span></textarea> \</span></td>
</tr>
<tr class="">
</tr>
<tr class="">
</tr>
<tr class="">
<td id="LC1453" class="js-file-line blob-code-inner blob-code"><span class="pl-s"></div><span class="pl-pds">'</span></span>;</td>
</tr>
<tr class="">
</tr>
</tbody>
</table>
<table class="tab-size highlight js-file-line-container" data-tab-size="8">
<tbody class="">
<tr class="">
<td id="LC1454" class="js-file-line blob-code-inner blob-code">}</td>
</tr>
</tbody>
</table>
</div>
<div class=""><br class="">
</div>
<div class="">Any ideas if this is incorrect usage of the widget on my side or if it is a bug server side?</div>
<div class="">Thanks in advance.</div>
<div class="">Lewis</div>
<div class=""><br class="">
</div>
<div class="">[0] <a href="http://www.bioontology.org/wiki/index.php/NCBO_Widgets#Term-selection_field_on_a_form" class="">http://www.bioontology.org/wiki/index.php/NCBO_Widgets#Term-selection_field_on_a_form</a></div>
<div class="">[1] <a href="http://bioportal.bioontology.org/javascripts/widgets/form_complete.js" class="">http://bioportal.bioontology.org/javascripts/widgets/form_complete.js</a></div>
<div class=""><br class="">
</div>
<div class="">
<div class="">
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Dr. Lewis John McGibbney Ph.D., </font><span style="font-family: Courier;" class="">B.Sc.,</span><span style="font-family: Courier;" class=""> MAGU</span></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Engineering Applications Software Engineer Level 2</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Computer Science for Data Intensive Systems Group 398M</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Jet Propulsion Laboratory</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">California Institute of Technology </font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">4800 Oak Grove Drive</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Pasadena, California 91109-8099</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Mail Stop : 158-</font><span style="font-family: Courier;" class="">256C</span></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Tel:  (+1) (818)-393-7402</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Cell: (+1) (626)-487-3476</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Fax:  (+1) (818)-393-1190</font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class="">Email: <a href="mailto:lewis.j.mcgibbney@jpl.nasa.gov" class="">
lewis.j.mcgibbney@jpl.nasa.gov</a></font></div>
<div style="font-family: Calibri;" class=""><font face="Courier" class=""><br class="">
</font></div>
<div style="font-family: Calibri;" class="">           <span id="cid:3F39E8BF-EA51-4587-A238-4733E150D467" class=""><2CB3CA5F-DC06-45EF-ADDA-C49A41A8C401[1].png></span></div>
<div class="">
<div id="maincontent" class="">
<div class="fig" id="outputFigDisplay"><span style="font-family: Courier;" class=""><br class="">
</span></div>
<div class="fig" id="outputFigDisplay"><span style="font-family: Courier;" class=""> Dare Mighty Things</span></div>
</div>
</div>
</div>
<div class="">
<div id="maincontent" class="">
<div class="fig" id="outputFigDisplay"></div>
</div>
</div>
<div class="">
<div id="maincontent" class="">
<div class="fig" id="outputFigDisplay"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<span id="cid:1F83BDD8394ADE4AAA57E518BCD567A1@ad.jpl" class=""><form_complete_bug.png></span>_______________________________________________<br class="">
bioontology-support mailing list<br class="">
<a href="mailto:bioontology-support@lists.stanford.edu" class="">bioontology-support@lists.stanford.edu</a><br class="">
<a href="https://mailman.stanford.edu/mailman/listinfo/bioontology-support" class="">https://mailman.stanford.edu/mailman/listinfo/bioontology-support</a><br class="">
</div>
</blockquote>
</div>
<br class="">
</div>
</div>
</blockquote>
</div>
<br class="">
</div>
</body>
</html>