flexbox Issue Tracker Rss Feed

Commented Issue: Show all dropdown options after a selection is made [8999]

sjudkins — Tue, 14 May 2013 14:56:12 GMT

I think the FlexBox should work more like a dropdown menu, in that if you click the arrow icon you should always see the full list of options to select from.

Currently, you see the full list the first time you click the arrow. But once a selection is made, the arrow is now useless because clicking on it only shows the single option (current selection).

Which makes this really just a type-ahead / autocomplete field, not really a combobox...

Thanks.
Comments: I was able to solve the "final bug" I was having with this feature and have it successfully implemented. I used this thread: https://flexbox.codeplex.com/discussions/251643 (I added the code posted by "Yoannr" AND "jimiscott".) Although, this made an existing bug very apparent. This bug is reproducible with or without the code above. After you have made a selection, click on the Input Box and delete your selection, then (while still in the input box) move the cursor straight over (horizontally) to the arrow and click it. Most of the time, it will just "flash" and not show the results (list items). The reason is, the "blur()" handler on the input box sets a timeout with a delay of 200 milliseconds, then hides the results window. This isn't enough time for the handler to fire and complete before the arrow.click() handler tries to show the results, so the results immediately get "hidden". (The workaround was to click on some other element or the screen, then click on the arrow. This gives the timer enough time to fire the "hideResults()" function, BEFORE you click the arrow.) There is an easy code fix to this bug, though. In the blur() handler for the input element, change the setTimeout(hideResults()) call from 200 milliseconds to 100 milliseconds. That seems to work perfectly.

Commented Issue: Show all dropdown options after a selection is made [8999]

sjudkins — Mon, 13 May 2013 19:50:42 GMT

Edited Unassigned: autoCompleteFirstMatch demo doesn't allow spaces [9002]

gunderson — Sat, 13 Apr 2013 23:44:38 GMT

on http://www.fairwaytech.com/flexbox/flexbox-demos#demo1

chrome, os x

I try to type "united states" into the box. When I get to the space the selected text always resets to before the space after I type it. So I can't type past the space in 'united states' and am left with "united arab emerites" in, unable to filter further.

Created Unassigned: autoCompleteFirstMatch demo doesn't allow spaces [9002]

gunderson — Sat, 13 Apr 2013 23:38:20 GMT

on http://www.fairwaytech.com/flexbox/flexbox-demos#demo1

chrome, os x

Commented Issue: How to Display multiple flexbox results together [8997]

sorinpostelnicu — Wed, 20 Feb 2013 18:29:00 GMT

I want to create a two flexbox together.

When I am search something with any word, I have to display results with pagination and all functionality together. Is there any solution for this issue.

Please help me out from this task.

Thanks in Advance.

Tejas Savaliya
Comments: What exactly do you mean? Do you want to display them as a list in another section of the page?

Created Issue: JS error in IE8: 'undefined' is null or not an object [9001]

kasimodo — Wed, 23 Jan 2013 10:55:59 GMT

I have the following error in IE8 using query.flexbox 0.9.6.1:

Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
Timestamp: Wed, 23 Jan 2013 10:13:22 UTC
Message: 'undefined' is null or not an object
Line: 305
Char: 5
Code: 0

FYI I feed the JSON directly to the FlexBox instead of using a script to retrieve it. Anyway I've made a fix that you can implement if you want to...

replace line 314:

var indexOfMatch = data[o.resultsProperty][i][o.displayValue].toLowerCase().indexOf(params.q.toLowerCase());

by the following block:

var indexOfMatch;
if (data[o.resultsProperty][i] != undefined) {
indexOfMatch = data[o.resultsProperty][i][o.displayValue].toLowerCase().indexOf(params.q.toLowerCase());
} else indexOfMatch = -1;

I hope it helps

Commented Issue: Showing Multiple result set, [8998]

mikeyearwood — Thu, 18 Oct 2012 23:09:15 GMT

When i am typeing a flexbox it shows multiple result set which is annoying.
Comments: Hello all. I think this is more than just a low priority item. The speed of the control seems to be negatively impacted by this behavior.

Created Issue: Proposed feature: add onBlur Behavior [9000]

flarpy — Wed, 10 Oct 2012 09:10:34 GMT

When user enters a new item in the box, the onSelect Behavior is redundant. However, in order to validate user input an onBlur Behavior would be good. Of course you can just add your own onBlur handler for the hidden input but that might not be obvious to all users.

Created Issue: Show all dropdown options after a selection is made [8999]

platypusman — Tue, 28 Aug 2012 21:51:24 GMT

Commented Issue: Showing Multiple result set, [8998]

sudhAnsu63 — Sat, 25 Aug 2012 10:20:49 GMT

When i am typeing a flexbox it shows multiple result set which is annoying.
Comments: Help me to figure out. i think they have forgotten to abort the ongoing request, when there is a new request

Created Issue: Showing Multiple result set, [8998]

sudhAnsu63 — Sat, 25 Aug 2012 10:19:00 GMT

When i am typeing a flexbox it shows multiple result set which is annoying.

Created Issue: How to Display multiple flexbox results together [8997]

tejas14883 — Fri, 17 Aug 2012 13:16:05 GMT

Created Issue: does not filter the results [8996]

gwitasod — Thu, 09 Aug 2012 05:02:24 GMT

hello,

i got the flexbox to show the data from mysql. when I start to type it shows all results and it does not filter them. what am I doing wrong. here is my php and jquery codes (the php returns the correct format results)

$("#suggest").flexbox('php/source.php', {
width: 350,
method: 'post',
watermark: 'Enter value',
noResultsText: 'No Value',
maxVisibleRows: 20,
containerClass: 'ffb',
contentClass: 'content',
inputClass: 'ffb-input',
arrowClass: 'ffb-arrow'
});

<?php

$mysql_server = 'localhost';
$mysql_login = 'mp';
$mysql_password = 'mp';
$mysql_database = 'material_prices';

// connect to the database server and select the appropriate database for use
$dblink = mysql_connect($mysql_server, $mysql_login, $mysql_password) or die( mysql_error() );
mysql_select_db($mysql_database);

// query the database table for zip codes that match 'term'
$rs = mysql_query('SELECT * from materials s INNER JOIN categories c ON s.vend_id = c.cid WHERE array LIKE "%'. mysql_real_escape_string($_REQUEST['term']) .'%" ORDER BY cat_name', $dblink);

$data = array();
if ( $rs && mysql_num_rows($rs) )
{
while( $row = mysql_fetch_array($rs, MYSQL_ASSOC) )
{
$data[] = array(
'id' => $row['id'],
'name' => $row['label'],
);
}

$output ['results'] = $data;
}

// jQuery wants JSON data
echo json_encode($output);
flush();

any ideas?

Commented Issue: When typing in a regular expression reserved character into a flexbox, the search results blow up. [8995]

dsblank — Mon, 30 Jul 2012 22:06:59 GMT

Lets say the item I am searching for is "car (mine)". If the criteria I am typing in is "car (", the reserved regex character "(" is used. The error comes up on ~ line 535 (ver: 0.9.6):

result = result.replace(new RegExp(pattern, o.highlightMatchesRegExModifier), replaceString);

the variable pattern is coming in directly from the input and getting thrown into the regular expression pattern, the reserved character is interpreted and blammo.

Looks like there is a test in there to remove HTML characters:

if (result.match('<(.|\n)*?>')) { // see if the content contains html tags
hasHtmlTags = true;
pattern = '(>)([^<]*?)(' + q + ')((.|\n)*?)(<)'; // TODO: look for a better way
replaceString = '$1$2<span class="' + o.matchClass + '">$3</span>$4$6';
}

My fix was to throw a try catch around the result replace but this is super inefficient and doesn't highlight if the search criteria contains a reserved character.

Comments: I worked around this by escaping the search control characters in pattern, eg pattern.replace("[", "\\["), etc.

Commented Issue: initialValue option inconsistent [8993]

dsblank — Mon, 30 Jul 2012 13:04:37 GMT

When the JSON data is passed to the constructor the hidden values for the options are set to the 'id' of each JSON object and displayed value is the 'name' of each JSON object. However, when using the 'initialValue' option for the constructor the hidden value is set to the literal string. There is no attempt made to lookup the 'id' value to remain consistent with the other behavior. This means that in general if you wrote code to support working with the id directly, then you will have to write significantly more code that must lookup (read as more db queries) the literal value and return the id value.

This is wholly unnecessary as these values are available already. So to fix the issue I have made the following additions to the code.

1) Define a lookup function.
// I need the initial value hidden id set to the 'id' variable not the literal value
function getIdForInitialValue(needle, haystack) {
for (obj in haystack) {
if (haystack[obj].name == needle)
return haystack[obj].id;
}
return 0;
}

2) Replace the literal insertion with a lookup at the beginning of the constructor.
.val(o.initialValue) ---> .val(getIdForInitialValue(o.initialValue, o.source.results))
Comments: I was able to work around this by adding another option: initialId. This I set when I initialize the object, and use its value to set the hidden value. Seems to work fine for me. Two line change: http://gramps.svn.sourceforge.net/viewvc/gramps/branches/gramps35/src/plugins/webstuff/javascript/jquery.flexbox.js?limit_changes=0&r1=20132&r2=20133

Commented Issue: Flexbox inside jQuery UI Accordion [8980]

jnoble57 — Wed, 11 Jul 2012 21:31:30 GMT

The popup dropdown can't be shown when flexbox is placed on the bottom edge of a jQuery UI Accordion.
I think it could be a problem of a wrong z-index.
Comments: This will be the scenario in any situation where a FlexBox control is placed inside of a parent control where the overflow attribute is set to hidden, or scroll. The solution is to append the flyout div to the body of the document and position it accordingly from there using $input.offset(). The standard jQuery UI datepicker control best illustrates this practice. The first time a datepicker is initialized each page load, the flyout div is appended to the body tag, and all datepicker instances reuse that single div for their flyouts. Entering each instance of datepicker simply repositions the div to the field that it is attached to and shows it.

Commented Issue: Flexbox needs to display results at ALL times. [8985]

JasonJanofsky — Thu, 17 May 2012 23:32:53 GMT

I was not sure what area I was supposed to post this in so feel free to delete the other post if necessary.
There is another post about this but I wanted to write a new one in hopes a developer would help me out. The fix in the other post is not working. http://flexbox.codeplex.com/workitem/8982

Just like a normal select box that you would see in any HTML form we need the results in the select box to display even after something has been selected. The current version basically cuts off all other results from displaying and only allows you to access the chosen selected value. The only current way to solve this is to delete the value from the input field and click the arrow. Uh..bad. No way I can make my users have to delete the current value just to see the results.

In short:

I click the drop down arrow for the first time and get ALL results to choose from.

-I choose a result

-Now all of the results are not accesible by clicking the arrow, or typing. (bad)

-I have to delete the value to make the results appear again where by clicking on the arrow again. (bad)

**This also totally wipes out dynamic data load into a flex box that needs to display a SELECTED VALUE (very bad).......

I attached a screen shot of it in action.
Any ideas would be appreciated. I just think this is a major issue, at least it would seem to be.
Comments: Not 100% sure, but I think this is fixed in the 0.96 build or, at least, I experienced this problem to go away after updating.

Commented Issue: When search text contains & [8989]

JasonJanofsky — Thu, 17 May 2012 23:31:31 GMT

Hi
My flexbox is dispalyin list that contains data that contains special characters. But when i search with these characters the data will not output as expected.
When i search like b& the list shows like 'b&...'.
Please give me a solution asap.
Comments: Heya, I think what is happening to you is : http://flexbox.codeplex.com/workitem/8995 You are getting blown up on a regular expression reserved character. I have a cheesy workaround using a try catch on the link above.

Created Issue: When typing in a regular expression reserved character into a flexbox, the search results blow up. [8995]

JasonJanofsky — Thu, 17 May 2012 23:29:54 GMT

Created Issue: Bug .ATTR .vs .PROP ( jQuery 1.6+) [8994]

ericdecoff — Fri, 11 May 2012 01:04:10 GMT

Hey Noah,

Bug with jquery.flexbox.js in IE9 solved

changing .attr --> .prop fixes

ffb5 issue with IE9

http://stackoverflow.com/questions/5874652/prop-vs-attr