[Skip to main content](#vessel-content)

#   Horizontal scrollbar and unresponsive on product Add/Edit Form

##

- **[engferas](/forum/user/47933-engferas "View engferas's Profile")**
- [![engferas's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/47933-engferas "View engferas's Profile") Topic Author
- [ Offline](/forum/user/47933-engferas)

Less More

- Posts: 13
- Thank you received: 0
-
-

9 years 4 months ago [\#272026](#272026) by [engferas](/forum/user/47933-engferas "View engferas's Profile")  *[Horizontal scrollbar and unresponsive on product Add/Edit Form](/forum/23-market-how-to/890741-horizontal-scrollbar-and-unresponsive-on-product-add-edit-form#272026 "-- url of the page with the problem -- :   adkakin.com/%D9%85%D9%86%D8%AA%D8%AC%D8%...%8A/product/add.html  -- HikaShop version -- : 3.1.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 7.2  Hi,  I have a problem with product Add/Edit Form, a horizontal scroll bar appear (please check the screen shot 1), and the page is not responsive at all, I tried to change the template and I used Protostar Template but the same problem persist. please to advice how to solve this. please use the demo user: username: user2 pass: user2")* was created by *[engferas](/forum/user/47933-engferas "View engferas's Profile")*

-- url of the page with the problem -- : [ adkakin.com/%D9%85%D9%86%D8%AA%D8%AC%D8%...%8A/product/add.html](https://adkakin.com/%D9%85%D9%86%D8%AA%D8%AC%D8%A7%D8%AA%D9%8A/product/add.html)
-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.2
-- PHP version -- : 7.2

Hi,

I have a problem with product Add/Edit Form, a horizontal scroll bar appear (please check the screen shot 1), and the page is not responsive at all, I tried to change the template and I used Protostar Template but the same problem persist. please to advice how to solve this.
please use the demo user:
username: user2
pass: user2

- [ ![screenshot1.png](/forum/attachment/38682) ](/forum/attachment/38682 "screenshot1.png") [ ](/forum/attachment/38682?download=1 "screenshot1.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIzLW1hcmtldC1ob3ctdG8vODkwNzQxLWhvcml6b250YWwtc2Nyb2xsYmFyLWFuZC11bnJlc3BvbnNpdmUtb24tcHJvZHVjdC1hZGQtZWRpdC1mb3JtP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

9 years 4 months ago [\#272065](#272065) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Horizontal scrollbar and unresponsive on product Add/Edit Form](/forum/23-market-how-to/890741-horizontal-scrollbar-and-unresponsive-on-product-add-edit-form#272065 "-- url of the page with the problem -- :   adkakin.com/%D9%85%D9%86%D8%AA%D8%AC%D8%...%8A/product/add.html  -- HikaShop version -- : 3.1.1 -- Joomla version -- : 3.7.2 -- PHP version -- : 7.2  Hi,  I have a problem with product Add/Edit Form, a horizontal scroll bar appear (please check the screen shot 1), and the page is not responsive at all, I tried to change the template and I used Protostar Template but the same problem persist. please to advice how to solve this. please use the demo user: username: user2 pass: user2")*

Hello,

Please note that the link you gave were not working ; but we access to HikaMarket via the non SEF URL.
[ pasteboard.co/aIzussuU.png](https://pasteboard.co/aIzussuU.png)

The issue is related to the "namebox" which have a span element outside the page to allow it to know the required width for text (during the search).
These span have " left:-2000px " but they should have " left:2000px " in RTL.

That's why you need to edit the HikaMarket type namebox and replace Code:

$style = ''; if(!empty($options['style'])) $style = ' style="' . is_array($options['style']) ? implode(' ', $options['style']) : $options['style'] . '"';

By Code:

$style = ''; if(!empty($options['style'])) $style = ' style="' . is_array($options['style']) ? implode(' ', $options['style']) : $options['style'] . '"'; $lang = JFactory::getLanguage(); $leftOffset = ($lang-&gt;isRTL()) ? '2000px' : '-2000px';

And then Code:

$ret .= "\r\n".'&lt;div class="nametext"&gt;'. '&lt;input id="'.$id.'_text" type="text" style="width:50px;min-width:60px" onfocus="window.oNameboxes[\''.$id.'\'].focus(this);" onkeyup="window.oNameboxes[\''.$id.'\'].search(this);" onchange="window.oNameboxes[\''.$id.'\'].search(this);"/&gt;'. '&lt;span style="position:absolute;top:0px;left:-2000px;visibility:hidden" id="'.$id.'_span"&gt;span&lt;/span&gt;'.

By Code:

$ret .= "\r\n".'&lt;div class="nametext"&gt;'. '&lt;input id="'.$id.'_text" type="text" style="width:50px;min-width:60px" onfocus="window.oNameboxes[\''.$id.'\'].focus(this);" onkeyup="window.oNameboxes[\''.$id.'\'].search(this);" onchange="window.oNameboxes[\''.$id.'\'].search(this);"/&gt;'. '&lt;span style="position:absolute;top:0px;left:'.$leftOffset.';visibility:hidden" id="'.$id.'_span"&gt;span&lt;/span&gt;'.

But also the code Code:

&lt;span style="position:absolute;top:0px;left:-2000px;visibility:hidden" id="'.$id.'_span"&gt;xxxxxx&lt;/span&gt;

By Code:

&lt;span style="position:absolute;top:0px;left:'.$leftOffset.';visibility:hidden" id="'.$id.'_span"&gt;xxxxxx&lt;/span&gt;

Please note that you can apply the same patch for the HikaShop namebox type too.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzIzLW1hcmtldC1ob3ctdG8vODkwNzQxLWhvcml6b250YWwtc2Nyb2xsYmFyLWFuZC11bnJlc3BvbnNpdmUtb24tcHJvZHVjdC1hZGQtZWRpdC1mb3JtP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

Moderators: [Obsidev](/forum/user/7040-obsidev "View Obsidev's Profile")

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.128 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
