POS screen error

[csloth2]

Hi

The POS screen suddenly is not working today. No products are showing up and I can't search and process transactions.

I've attached screen shots. Image 1 is when the page first load in Chrome. Image 2 is when I try scrolling. I tried switching to Explorer and it was even worse - only a blank screen.

[csloth2]

Found your answer over at WP support... https://wordpress.org/support/topic/products-not-loading-into-pos-in-google-chrome

I switched to Firefox and it's working again. Hopefully you'll have it compatible with Chrome soon. Thanks!

[thomastrant]

Yesssss, i have this problem too. thank you.

On Wed, Oct 21, 2015 at 3:18 AM, csloth2 notifications@github.com wrote:

Found your answer over at WP support...

https://wordpress.org/support/topic/products-not-loading-into-pos-in-google-chrome

I switched to Firefox and it's working again. Hopefully you'll have it compatible with Chrome soon. Thanks!

— Reply to this email directly or view it on GitHub https://github.com/kilbot/WooCommerce-POS/issues/109#issuecomment-149690408 .

Best regards --Contact me via: Phone: [Vina] 0947 385 363 or [Mobi] 0904 79 66 89 Yahoo: Stalker.0207 / Skype: ThomasTranT Website: www.stalker.vn

[manthano]

If you add this bit of CSS you can at least see the products in Chrome (column widths are not correct though)

li.simple {
    flex-direction: inherit !important;
}

It overwrites flex-direction: column; for the lists.

[csloth2]

Firefox problem

• unable to change/input $ discount
• unable to input cash payment amount
• receipt printout adds an extra approx 5" of paper at the end

I miss Chrome :(

[BurlesonBrad]

Can anyone post what version of Chrome they are using? And/or, Can anyone load up some screenshots using Google Canary?

[kilbot]

Hi @BurlesonBrad, the issue affects Chrome 46+ ... a new release is coming with rewritten stylesheets which fixes the issue and improves performance.

[gepd]

Hi, I've found a temporary solution:

you can download the file and replace in "woocommerce-pos\assets\css" https://dl.dropboxusercontent.com/u/11900552/pos.min.css

I've added: display: inline-table;

after: .loading, .module, .module .list ul, .module .list ul li.sub-heading h5, .module .list-totals ul, .module .list>div.infinite-list { width: 100%;

[kilbot]

Hi all, a fix has just been released to wordpress.org, thanks for your patience!

[csloth2]

Thanks for fixing it! :)