I've noticed that the .racInput box in the RACB (InputType=Token) is only 22px wide when it is displayed inside of a RadGrid edit form. This causes the control to seemingly not work when you click on it unless you click on the far left of the empty space. My fix for now is just to call the click on the .racInput whenever the parent .racTokenList is clicked. Here is all I had to add to the page using jQuery:
Another way of fixing it would probably be to resize the .racInput on display of the .racTokenList... and I'm sure Telerik will eventually fix the issue in the built-in code, but this was a simple fix for me for now. This may also help in other cases where the RACB is not originally displayed on the page.
Attached is what it looks like in our app using the WIndows7 theme. The .racInput is highlighted using the dev tools in Chrome.
$(document).on(
'click'
,
'.racTokenList'
,
function
(e) { $(
this
).find(
'.racInput'
).click(); });
Another way of fixing it would probably be to resize the .racInput on display of the .racTokenList... and I'm sure Telerik will eventually fix the issue in the built-in code, but this was a simple fix for me for now. This may also help in other cases where the RACB is not originally displayed on the page.
Attached is what it looks like in our app using the WIndows7 theme. The .racInput is highlighted using the dev tools in Chrome.