All titles on items are "..." and search does not work[Bug Report] about mango HOT 10 CLOSED

Thanks for the bug report.

This looks like #26. If you used an older version of Mango (pre v0.2.4) and recently updated it to the latest version, please try to clear the browser cache and data. If the problem persists, please try to use the incognito mode or a different browser to isolate the problem.

About the search functionality, do you see any error messages in the browser console?

from mango.

Thanks for the reply. I only installed latest version and latest beta yesterday. I never installed or ran Mango once before.
The "..." title issue is present in Chrome on Windows 10, including incognito mode.
On Microsoft Edge on Windows 10, there is no such issue.
On chrome on Android, there is no such issue.
On firefox on ubuntu, there is no such issue.

In relation to search function:
On Chrome on Windows 10, functionality does not work at all. Results are empty. There are no errors in console.
On Microsoft Edge on Windows 10, functionality works and search gives results.
On Chrome on Android, functionality works and search gives results.
On firefox on ubuntu, functionality works and search gives results.

I can't get chrome on Windows 10 to work at all. There's a chance the "..." title issue and search issue may be related.

from mango.

Update:
Issue present on Chrome 81.0.4044.129 on Windows 10. Updated Chrome to 81.0.4044.138. Issue persists.

Tested on other devices, and no issues on:
Chrome 81.0.4044.129 on Windows 10 on a different device
Microsoft Edge on Windows 10 on ORIGINAL DEVICE
Chrome on Android phone
Firefox on Ubunt

from mango.

Wow, thanks for all the testings!

This issue is challenging because it's difficult to reproduce and pinpoint the cause. Similar issues have been reported a few times, and I have tested it in multiple versions of Chrome on different devices/systems but I can never reproduce it.

The title truncation should only happen to long titles. It's a new feature added in v0.2.4 to make the layout cleaner (see #23 and v0.2.4 release note). Since it's causing problems, I think I will add an option in the config file to disable it.

I will work on a new release for this, and it would be great if you could help to test in on that particular device.

from mango.

Please try the followings and see if they resolve the problem

1. Resizing the browser window to trigger a JS update
2. Clear site data. You can do this by launching the Chrome developer tools -> application tab -> clear storage -> check all boxes and click "Clear site data"

Thanks!

from mango.

Hey Alex,

Thank you for your reply. I tried your recommendations, but no changes. The issues persist. Is there anything else you would like me to try? Happy to have a screen-sharing session if you'd like to try anything else out.

I note the following console error on login, but this error is present on other systems/devices too.
Chrome on Win10 (title issue + search function not working):
Uncaught SyntaxError: Unexpected token '<' login:38 Uncaught ReferenceError: setTheme is not defined at login:38 (anonymous) @ login:38

Firefox (everything works fine):
SyntaxError: expected expression, got '<' theme.js:1 ReferenceError: setTheme is not definedlogin:38:3 <anonymous> http://192.168.0.3:9000/login:38

from mango.

btw, which code triggers JS update on resize?

from mango.

btw, which code triggers JS update on resize?

The title truncation is handled by the dotdotdot library. When initializing it, I passed in watch (see public/js/dots.js#L5) and it's supposed to re-apply the truncation when the content size changes. I was hoping that this would correct the incorrect truncation.

I guess the library has some weird bug on Chrome, and when it happens, it somehow blocks the other scripts from executing and therefore affects searching and sorting.

from mango.

Hi @ameel, sorry for the long delay. I have been terribly busy this week.

Could you please try v0.3.1-alpha and add disable_ellipsis_truncation: true to your config file? This applies the truncation without using the dotdotdot library I mentioned above and should resolve the issue. It would be great if you could test if the searching/sorting functionalities are working as expected after the changes.

PS: Clearing cache might be needed for the updated CSS file to take effect.

Thanks!

from mango.

Closing for inactivity.

from mango.